laoma/shoot-miniprograms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

细节优化

Browse Source
This commit is contained in:
kron
2025-10-21 15:13:22 +08:00
parent 5a7605e9d2
commit 6087e1bf94
6 changed files with 72 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages.json
View File

@@ -91,10 +91,7 @@
"path": "pages/ranking" "path": "pages/ranking"
}, },
{ {
"path": "pages/rank-list", "path": "pages/rank-list"
"style": {
"enablePullDownRefresh": false
}
}, },
{ {
"path": "pages/team-match" "path": "pages/team-match"
@@ -123,7 +120,8 @@
"navigationBarBackgroundColor": "#000000", "navigationBarBackgroundColor": "#000000",
"navigationBarTextStyle": "@navTxtStyle", "navigationBarTextStyle": "@navTxtStyle",
"navigationBarTitleText": "Uni Creator", "navigationBarTitleText": "Uni Creator",
"navigationStyle": "custom" "navigationStyle": "custom",
"enablePullDownRefresh": false
}, },
"subPackages": [] "subPackages": []
} }

5
src/pages/be-vip.vue
View File

@@ -100,7 +100,7 @@ onBeforeUnmount(() => {
</block> </block>
<block v-else> <block v-else>
<text v-if="user.expiredAt"> <text v-if="user.expiredAt">
{{ formatTimestamp(user.expiredAt) }}到期 {{ formatTimestamp(user.expiredAt) }} 到期
</text> </text>
</block> </block>
</view> </view>
@@ -113,7 +113,7 @@ onBeforeUnmount(() => {
<view /> <view />
<text>VIP 介绍</text> <text>VIP 介绍</text>
</view> </view>
<view> <view :style="{ marginTop: '10rpx' }">
<rich-text :nodes="richContent" /> <rich-text :nodes="richContent" />
<!-- <text <!-- <text
>射灵星球VIP服务，为全球弓箭手提供约战、段位评级、实时排位赛、智能教练点评等专属特权。会员可在酷帅的真实射箭运动中，同步享受在线竞技的乐趣，还能找到志同道合的伙伴，并获得新鲜的功能体验和持续升级的系统。 >射灵星球VIP服务，为全球弓箭手提供约战、段位评级、实时排位赛、智能教练点评等专属特权。会员可在酷帅的真实射箭运动中，同步享受在线竞技的乐趣，还能找到志同道合的伙伴，并获得新鲜的功能体验和持续升级的系统。
@@ -209,6 +209,7 @@ onBeforeUnmount(() => {
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
color: #000;
} }
.title-bar > view:first-child { .title-bar > view:first-child {
width: 5px; width: 5px;

1
src/pages/friend-battle.vue
View File

@@ -186,6 +186,7 @@ onShow(async () => {
text-align: center; text-align: center;
font-size: 14px; font-size: 14px;
height: 40px; height: 40px;
color: #fff;
} }
.founded-room > view > view { .founded-room > view > view {
background-color: #fed847; background-color: #fed847;

111
src/pages/point-book-detail.vue
View File

@@ -144,57 +144,61 @@ onLoad(async (options) => {
/> />
</button> </button>
</view> </view>
<BowTargetEdit <view :style="{ transform: 'translateY(-45rpx)' }">
:id="targetId" <BowTargetEdit
:src="targetSrc" :id="targetId"
:arrows="arrows.filter((item) => item.x && item.y)" :src="targetSrc"
:editMode="false" :arrows="arrows.filter((item) => item.x && item.y)"
/> :editMode="false"
<view class="title-bar"> />
<view />
<text>环值分布</text>
</view> </view>
<view :style="{ padding: '0 30rpx' }"> <view :style="{ transform: 'translateY(-90rpx)' }">
<RingBarChart :data="ringRates" /> <view class="title-bar">
</view> <view />
<view class="title-bar" :style="{ marginTop: '30rpx' }"> <text>环值分布</text>
<view /> </view>
<text>{{ <view :style="{ padding: '0 30rpx' }">
selectedIndex === 0 ? "每组环数" : `第${selectedIndex}组环数` <RingBarChart :data="ringRates" />
}}</text> </view>
</view> <view class="title-bar" :style="{ marginTop: '30rpx' }">
<view class="ring-text-groups"> <view />
<view v-for="(item, index) in groups" :key="index"> <text>{{
<text v-if="selectedIndex === 0 && index !== 0">{{ selectedIndex === 0 ? "每组环数" : `第${selectedIndex}组环数`
`第${index}组`
}}</text> }}</text>
<view </view>
v-if=" <view class="ring-text-groups">
(selectedIndex === 0 && index !== 0) || <view v-for="(item, index) in groups" :key="index">
(selectedIndex !== 0 && index === selectedIndex) <text v-if="selectedIndex === 0 && index !== 0">{{
" `第${index}组`
> }}</text>
<text <view
v-for="(arrow, index2) in item.list" v-if="
:key="index2" (selectedIndex === 0 && index !== 0) ||
:style="{ (selectedIndex !== 0 && index === selectedIndex)
color: "
arrow.ring === 0 || arrow.ring === 10 ? '#FFA118' : '#666',
}"
> >
{{ <text
arrow.ring === 0 v-for="(arrow, index2) in item.list"
? "X" :key="index2"
: arrow.ring === -1 :style="{
? "M" color:
: arrow.ring + "环" arrow.ring === 0 || arrow.ring === 10 ? '#FFA118' : '#666',
}} }"
</text> >
{{
arrow.ring === 0
? "X"
: arrow.ring === -1
? "M"
: arrow.ring + "环"
}}
</text>
</view>
</view> </view>
</view> </view>
</view> <view :style="{ marginBottom: '40rpx' }">
<view :style="{ marginBottom: '40rpx' }"> <SButton :onClick="goBack" :rounded="50">关闭</SButton>
<SButton :onClick="goBack" :rounded="50">关闭</SButton> </view>
</view> </view>
<ScreenHint2 :show="showTip || showTip2" :onClose="closeTip"> <ScreenHint2 :show="showTip || showTip2" :onClose="closeTip">
<view class="tip-content"> <view class="tip-content">
@@ -236,7 +240,7 @@ onLoad(async (options) => {
border-radius: 10px; border-radius: 10px;
background-color: #fff; background-color: #fff;
width: 24vw; width: 24vw;
height: 90rpx; height: 80rpx;
text-align: center; text-align: center;
margin: 5px; margin: 5px;
margin-top: 0; margin-top: 0;
@@ -245,7 +249,7 @@ onLoad(async (options) => {
position: relative; position: relative;
} }
.tab-bar > view > text { .tab-bar > view > text {
line-height: 90rpx; line-height: 80rpx;
transition: all 0.2s ease; transition: all 0.2s ease;
} }
.tab-bar > view > image { .tab-bar > view > image {
@@ -259,18 +263,18 @@ onLoad(async (options) => {
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
column-gap: 3vw; column-gap: 3vw;
margin: 10px 15px; margin: 10rpx 30rpx;
} }
.detail-data > view { .detail-data > view {
border-radius: 10px; border-radius: 10px;
background-color: #fff; background-color: #fff;
margin-bottom: 20rpx; margin-bottom: 20rpx;
padding: 18rpx 24rpx; padding: 15rpx 24rpx;
} }
.detail-data > view > view { .detail-data > view > view {
font-size: 13px; font-size: 13px;
color: #999; color: #999;
margin-bottom: 12rpx; margin-bottom: 6rpx;
} }
.detail-data > view > view > text { .detail-data > view > view > text {
word-break: keep-all; word-break: keep-all;
@@ -290,6 +294,8 @@ onLoad(async (options) => {
align-items: center; align-items: center;
font-size: 13px; font-size: 13px;
color: #999; color: #999;
position: relative;
z-index: 10;
} }
.title-bar > view:first-child { .title-bar > view:first-child {
width: 8rpx; width: 8rpx;
@@ -307,6 +313,7 @@ onLoad(async (options) => {
padding: 25px; padding: 25px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
color: #000;
} }
.tip-content > text { .tip-content > text {
width: 100%; width: 100%;
@@ -345,7 +352,7 @@ onLoad(async (options) => {
margin-left: 20rpx; margin-left: 20rpx;
} }
.ring-text-groups > view > view > text { .ring-text-groups > view > view > text {
width: 60rpx; width: 1fr;
text-align: center; text-align: center;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }

2
src/pages/point-book-edit.vue
View File

@@ -218,6 +218,7 @@ onMounted(() => {
padding: 25px; padding: 25px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
color: #000;
} }
.tip-content > text { .tip-content > text {
width: 100%; width: 100%;
@@ -237,6 +238,7 @@ onMounted(() => {
border: 1px solid #eeeeee; border: 1px solid #eeeeee;
padding: 12px 0; padding: 12px 0;
font-size: 14px; font-size: 14px;
color: #000;
} }
.tip-content > view > button:last-child { .tip-content > view > button:last-child {
background: #fed847; background: #fed847;

7
src/pages/point-book.vue
View File

@@ -273,7 +273,7 @@ onShareTimeline(() => {
</button> </button>
</view> </view>
</view> </view>
<view class="title"> <view class="title" :style="{ marginBottom: 0 }">
<image src="../static/point-book-title1.png" mode="widthFix" /> <image src="../static/point-book-title1.png" mode="widthFix" />
</view> </view>
<view class="heat-map"> <view class="heat-map">
@@ -441,9 +441,10 @@ onShareTimeline(() => {
} }
.heat-map { .heat-map {
position: relative; position: relative;
margin: 10rpx; margin: 0 auto;
width: calc(100vw - 70rpx); width: calc(100vw - 70rpx);
height: calc(100vw - 70rpx); height: calc(100vw - 70rpx);
transform: scale(0.9);
} }
.heat-map > image { .heat-map > image {
width: 100%; width: 100%;
@@ -467,7 +468,7 @@ onShareTimeline(() => {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
margin-top: -100rpx; margin-top: -120rpx;
position: relative; position: relative;
z-index: 10; z-index: 10;
} }