细节调整
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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%;
|
||||
|
||||
@@ -61,7 +61,6 @@ onUnmounted(() => {
|
||||
<text :style="{ color: '#fed847' }">请预先射几箭测试</text>
|
||||
<text>请确保射击距离有5米</text>
|
||||
</view>
|
||||
<BowPower :power="power" />
|
||||
</view>
|
||||
</Guide>
|
||||
<view class="user-row">
|
||||
|
||||
Reference in New Issue
Block a user