UI修改
This commit is contained in:
@@ -49,6 +49,10 @@ const props = defineProps({
|
|||||||
type: String,
|
type: String,
|
||||||
default: "solo", // solo 单排,team 双排
|
default: "solo", // solo 单排,team 双排
|
||||||
},
|
},
|
||||||
|
stop: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
const showRoundTips = ref(false);
|
const showRoundTips = ref(false);
|
||||||
@@ -127,6 +131,7 @@ const simulShoot2 = async () => {
|
|||||||
<BowPower :power="power" />
|
<BowPower :power="power" />
|
||||||
</view>
|
</view>
|
||||||
<view class="target">
|
<view class="target">
|
||||||
|
<view v-if="stop" class="stop-sign">中场休息</view>
|
||||||
<view
|
<view
|
||||||
v-if="scores.length && showRoundTips && showLatestArrow && showE"
|
v-if="scores.length && showRoundTips && showLatestArrow && showE"
|
||||||
class="e-value fade-in-out"
|
class="e-value fade-in-out"
|
||||||
@@ -214,8 +219,9 @@ const simulShoot2 = async () => {
|
|||||||
top: calcRealY(bow.y),
|
top: calcRealY(bow.y),
|
||||||
backgroundColor: 'blue',
|
backgroundColor: 'blue',
|
||||||
}"
|
}"
|
||||||
><text>{{ index + 1 }}</text></view
|
|
||||||
>
|
>
|
||||||
|
<text>{{ index + 1 }}</text>
|
||||||
|
</view>
|
||||||
</block>
|
</block>
|
||||||
<image src="../static/bow-target.png" mode="widthFix" />
|
<image src="../static/bow-target.png" mode="widthFix" />
|
||||||
</view>
|
</view>
|
||||||
@@ -332,4 +338,14 @@ const simulShoot2 = async () => {
|
|||||||
.simul > button {
|
.simul > button {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
.stop-sign {
|
||||||
|
position: absolute;
|
||||||
|
font-size: 40px;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
width: 200px;
|
||||||
|
height: 60px;
|
||||||
|
left: calc(50% - 100px);
|
||||||
|
top: calc(50% - 30px);
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -557,6 +557,7 @@ onUnmounted(() => {
|
|||||||
:totalRound="totalRounds"
|
:totalRound="totalRounds"
|
||||||
:scores="scores"
|
:scores="scores"
|
||||||
:blueScores="blueScores"
|
:blueScores="blueScores"
|
||||||
|
:stop="halfTimeTip && !startCount"
|
||||||
/>
|
/>
|
||||||
<BattleFooter
|
<BattleFooter
|
||||||
v-if="roundResults.length"
|
v-if="roundResults.length"
|
||||||
|
|||||||
@@ -106,7 +106,7 @@ const comingSoon = () => {
|
|||||||
<view class="feature-grid">
|
<view class="feature-grid">
|
||||||
<view class="bow-card">
|
<view class="bow-card">
|
||||||
<image
|
<image
|
||||||
src="../static/bow-bg.png"
|
src="https://api.shelingxingqiu.com/attachment/2025-07-15/dbci3g2g77tbxnujdl.webp"
|
||||||
mode="widthFix"
|
mode="widthFix"
|
||||||
@click="() => toPage('/pages/my-device')"
|
@click="() => toPage('/pages/my-device')"
|
||||||
/>
|
/>
|
||||||
@@ -268,7 +268,7 @@ const comingSoon = () => {
|
|||||||
|
|
||||||
.bow-card > text {
|
.bow-card > text {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 67%;
|
top: 65%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
@@ -281,7 +281,7 @@ const comingSoon = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.bow-card > image:nth-child(3) {
|
.bow-card > image:nth-child(3) {
|
||||||
transform: translateY(11px);
|
transform: translateY(-1px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.practice-card {
|
.practice-card {
|
||||||
@@ -367,6 +367,7 @@ const comingSoon = () => {
|
|||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
width: 18px;
|
width: 18px;
|
||||||
height: 18px;
|
height: 18px;
|
||||||
|
color: #fff;
|
||||||
}
|
}
|
||||||
.player-avatar > image:last-child {
|
.player-avatar > image:last-child {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
Reference in New Issue
Block a user