细节调整

This commit is contained in:
kron
2025-07-11 22:21:34 +08:00
parent 81c064ba8b
commit e0807eb06a
14 changed files with 98 additions and 57 deletions

View File

@@ -28,9 +28,11 @@ defineProps({
<text>Round {{ index + 1 }}</text>
<view>
<text>{{
result.blueArrows
.map((item) => item.ring)
.reduce((last, next) => last + next, 0)
result.blueArrows.length
? result.blueArrows
.map((item) => item.ring)
.reduce((last, next) => last + next, 0)
: ""
}}</text>
<text></text>
</view>
@@ -41,9 +43,11 @@ defineProps({
<text>Round {{ index + 1 }}</text>
<view>
<text>{{
result.redArrows
.map((item) => item.ring)
.reduce((last, next) => last + next, 0)
result.redArrows.length
? result.redArrows
.map((item) => item.ring)
.reduce((last, next) => last + next, 0)
: ""
}}</text>
<text></text>
</view>

View File

@@ -29,7 +29,7 @@ const props = defineProps({
<AppBackground :type="1" />
<view class="header">
<view>
<Avatar :src="user.avatar" :score="user.scores" :size="50" />
<Avatar :src="user.avatar" :score="user.scores" :size="45" />
<view>
<text>{{ user.nickName }}</text>
<text>{{ user.lvlName }}</text>

View File

@@ -131,8 +131,14 @@ const simulShoot2 = async () => {
v-if="scores.length && showRoundTips && showLatestArrow && showE"
class="e-value fade-in-out"
:style="{
left: calcRealX(scores[scores.length - 1].x, 66),
top: calcRealY(scores[scores.length - 1].y, 150),
left: calcRealX(
scores[scores.length - 1].ring ? scores[scores.length - 1].x : 0,
66
),
top: calcRealY(
scores[scores.length - 1].ring ? scores[scores.length - 1].y : 0,
150
),
}"
>
经验 +1
@@ -141,19 +147,37 @@ const simulShoot2 = async () => {
v-if="scores.length && showRoundTips && showLatestArrow"
class="round-tip fade-in-out"
:style="{
left: calcRealX(scores[scores.length - 1].x, 70),
top: calcRealY(scores[scores.length - 1].y, 100),
left: calcRealX(
scores[scores.length - 1].ring ? scores[scores.length - 1].x : 0,
100
),
top: calcRealY(
scores[scores.length - 1].ring ? scores[scores.length - 1].y : 0,
100
),
}"
>{{ scores[scores.length - 1].ring }}<text></text></view
>{{ scores[scores.length - 1].ring || "未上靶"
}}<text v-if="scores[scores.length - 1].ring"></text></view
>
<view
v-if="blueScores.length && showRoundTips && showLatestArrow"
class="round-tip fade-in-out"
:style="{
left: calcRealX(blueScores[blueScores.length - 1].x, 70),
top: calcRealY(blueScores[blueScores.length - 1].y, 100),
left: calcRealX(
blueScores[blueScores.length - 1].ring
? blueScores[blueScores.length - 1].x
: 0,
100
),
top: calcRealY(
blueScores[blueScores.length - 1].ring
? blueScores[blueScores.length - 1].y
: 0,
100
),
}"
>{{ blueScores[blueScores.length - 1].ring }}<text></text></view
>{{ blueScores[blueScores.length - 1].ring || "未上靶"
}}<text v-if="blueScores[blueScores.length - 1].ring"></text></view
>
<block v-for="(bow, index) in scores" :key="index">
<view
@@ -202,9 +226,9 @@ const simulShoot2 = async () => {
<button @click="simulShoot">模拟</button>
<button @click="simulShoot2">射箭</button>
</view>
<text :style="{ color: '#fff', wordBreak: 'break-all' }">{{
<!-- <text :style="{ color: '#fff', wordBreak: 'break-all' }">{{
scores.length ? scores[scores.length - 1] : ""
}}</text>
}}</text> -->
<!-- <StartCountdown :start="startCount" /> -->
</view>
</template>
@@ -240,7 +264,7 @@ const simulShoot2 = async () => {
font-size: 30px;
font-weight: bold;
z-index: 2;
width: 70px;
width: 100px;
text-align: center;
}
.round-tip > text {

View File

@@ -72,6 +72,7 @@ onMounted(() => {
padding-left: 15px;
color: #fff;
font-size: 16px;
font-weight: bold;
}
.back-btn {
display: flex;
@@ -98,6 +99,5 @@ onMounted(() => {
.current-step {
font-size: 16px;
color: #fff;
font-weight: bold;
}
</style>

View File

@@ -18,7 +18,7 @@ const seats = new Array(props.total).fill(1);
<image src="../static/player-bg.png" mode="widthFix" />
<image
v-if="players[index]"
:src="players[index].avatar"
:src="players[index].avatar || '../static/user-icon.png'"
mode="widthFix"
/>
<view v-else class="player-unknow">

View File

@@ -37,7 +37,7 @@ defineProps({
>
<image
class="avatar"
:src="player.avatar"
:src="player.avatar || '../static/user-icon.png'"
mode="widthFix"
:style="{
borderColor: currentShooterId === player.id ? '#5fadff' : '#fff',
@@ -79,7 +79,7 @@ defineProps({
</text>
<image
class="avatar"
:src="player.avatar"
:src="player.avatar || '../static/user-icon.png'"
mode="widthFix"
:style="{
borderColor: currentShooterId === player.id ? '#ff6060' : '#fff',
@@ -98,7 +98,6 @@ defineProps({
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.container > view {
width: 50%;

View File

@@ -61,7 +61,6 @@ onUnmounted(() => {
<text :style="{ color: '#fed847' }">请预先射几箭测试</text>
<text>请确保射击距离有5米</text>
</view>
<BowPower :power="power" />
</view>
</Guide>
<view class="user-row">