样式优化
This commit is contained in:
@@ -267,11 +267,11 @@ onHide(() => {});
|
||||
<view class="standby-phase">
|
||||
<Guide>
|
||||
<view class="battle-guide">
|
||||
<view :style="{ display: 'flex', flexDirection: 'column' }">
|
||||
<text :style="{ color: '#fed847' }">弓箭手们,人都到齐了吗?</text>
|
||||
<text v-if="battleType === 1">1v1比赛即将开始! </text>
|
||||
<text v-if="battleType === 3">2v2比赛即将开始! </text>
|
||||
<text v-if="battleType === 4">3v3比赛即将开始! </text>
|
||||
<view class="guide-tips">
|
||||
<text>弓箭手们,人都到齐了吗?</text>
|
||||
<text v-if="battleType === 1">{{
|
||||
`${room.count / 2}v${room.count / 2}比赛即将开始!`
|
||||
}}</text>
|
||||
<text v-if="battleType === 2">大乱斗即将开始! </text>
|
||||
</view>
|
||||
<view @click="setClipboardData">复制房间号</view>
|
||||
@@ -328,8 +328,16 @@ onHide(() => {});
|
||||
src="https://static.shelingxingqiu.com/attachment/2025-08-13/dc0x1p59iab6cvbhqc.png"
|
||||
mode="widthFix"
|
||||
/>
|
||||
<image v-if="room.count === 4" src="../static/title-2v2.png" mode="widthFix" />
|
||||
<image v-if="room.count === 6" src="../static/title-3v3.png" mode="widthFix" />
|
||||
<image
|
||||
v-if="room.count === 4"
|
||||
src="../static/title-2v2.png"
|
||||
mode="widthFix"
|
||||
/>
|
||||
<image
|
||||
v-if="room.count === 6"
|
||||
src="../static/title-3v3.png"
|
||||
mode="widthFix"
|
||||
/>
|
||||
<view>
|
||||
<view v-for="(item, index) in players" :key="index">
|
||||
<Avatar v-if="item.id" :src="item.avatar" :size="36" />
|
||||
@@ -532,6 +540,7 @@ onHide(() => {});
|
||||
padding: 5px 12px;
|
||||
border-radius: 20px;
|
||||
position: relative;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.all-players {
|
||||
position: relative;
|
||||
|
||||
@@ -166,37 +166,34 @@ const onClose = () => {
|
||||
: 0
|
||||
"
|
||||
>
|
||||
<text v-if="step === 0">
|
||||
<text v-if="step === 0" :style="{ fontSize: '28rpx' }">
|
||||
hi,<text :style="{ color: '#fed847' }">{{ user.nickName }}</text>
|
||||
,这是新人必刷小任务,0基础小白也能快速掌握弓箭技巧和游戏规则哦~:)
|
||||
</text>
|
||||
<text v-if="step === 1"
|
||||
<text v-if="step === 1" :style="{ fontSize: '28rpx' }"
|
||||
>这是我们人帅技高的高教练。首先,请按教练示范,尝试自己去做这些动作和手势吧。</text
|
||||
>
|
||||
<view v-if="step === 2">
|
||||
<view :style="{ display: 'flex', flexDirection: 'column' }">
|
||||
<text :style="{ color: '#fed847' }">你知道5米射程有多远吗?</text>
|
||||
<text>
|
||||
在我们的排位赛中,射程小于5米的成绩无效、哦!建议平时练习距离至少5米。现在,来边射箭边调整你的站位点吧!
|
||||
</text>
|
||||
</view>
|
||||
<view
|
||||
class="guide-tips"
|
||||
:style="{ marginTop: '8rpx' }"
|
||||
v-if="step === 2"
|
||||
>
|
||||
<text>你知道5米射程有多远吗?</text>
|
||||
<text>
|
||||
在我们的排位赛中,射程小于5米的成绩无效、哦!建议平时练习距离至少5米。现在,来边射箭边调整你的站位点吧!
|
||||
</text>
|
||||
</view>
|
||||
<view v-if="step === 3">
|
||||
<view :style="{ display: 'flex', flexDirection: 'column' }">
|
||||
<text :style="{ color: '#fed847' }">一切准备就绪</text>
|
||||
<text>试着完成一个真正的弓箭手任务吧!</text>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="step === 5">
|
||||
<view
|
||||
:style="{ display: 'flex', flexDirection: 'column', marginTop: 20 }"
|
||||
<view class="guide-tips" v-if="step === 3">
|
||||
<text>一切准备就绪</text>
|
||||
<text :style="{ fontSize: '28rpx' }"
|
||||
>试着完成一个真正的弓箭手任务吧!</text
|
||||
>
|
||||
</view>
|
||||
<view class="guide-tips" v-if="step === 5">
|
||||
<text>新手试炼场通关啦,优秀!</text>
|
||||
<text :style="{ fontSize: '28rpx' }"
|
||||
>反曲弓运动基本知识和射灵世界系统规则你已Get,是不是挺容易呀:)</text
|
||||
>
|
||||
<text :style="{ color: '#fed847' }">新手试炼场通关啦,优秀!</text>
|
||||
<text
|
||||
>反曲弓运动基本知识和射灵世界系统规则你已Get,是不是挺容易呀:)</text
|
||||
>
|
||||
<text :style="{ opacity: 0 }">新手试炼场通关啦,优秀!</text>
|
||||
</view>
|
||||
</view>
|
||||
</Guide>
|
||||
<image
|
||||
|
||||
@@ -34,12 +34,10 @@ onShow(async () => {
|
||||
<Container title="个人练习">
|
||||
<view :style="{ width: '100%' }">
|
||||
<Guide>
|
||||
<text :style="{ color: '#fed847' }"
|
||||
>师傅领进门,修行靠自身,赶紧练起来吧。</text
|
||||
>
|
||||
<text :style="{ fontSize: '12px' }"
|
||||
>坚持练习就能你快速升级,早日加入全国排位赛!</text
|
||||
>
|
||||
<view class="guide-tips">
|
||||
<text>师傅领进门,修行靠自身,赶紧练起来吧。</text>
|
||||
<text>坚持练习就能你快速升级,早日加入全国排位赛!</text>
|
||||
</view>
|
||||
</Guide>
|
||||
<view class="practise-data">
|
||||
<view>
|
||||
|
||||
Reference in New Issue
Block a user