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

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

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