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-11-06 09:38:19 +08:00
parent 534450a629
commit 6b30eedcc2
7 changed files with 56 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/pages/first-try.vue
View File

@@ -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