Commit 5f8720de by Hantao

feat(开始页面): 添加完成按钮图片并在进度完成时切换

当进度图片数量达到5时,将开始按钮替换为完成按钮图片
parent 9f5c3d25
......@@ -22,9 +22,10 @@ const ASSETS = {
badge3: '/static/start/badge3.webp',
badge4: '/static/start/badge4.webp',
badge5: '/static/start/badge5.webp',
finishBtn: '/static/start/finishBtn.webp',
};
const progressImgs = ref(0);
const progressImgs = ref(5);
const getProgressImage = () => {
switch (progressImgs.value) {
......@@ -128,7 +129,7 @@ const closeSidebar = () => {
<!-- 按钮区域 -->
<view class="btn-group">
<view class="btn-item" @click="handleStart">
<image class="btn-img start-btn" :src="ASSETS.startBtn" mode="widthFix" />
<image class="btn-img start-btn" :src="progressImgs === 5 ? ASSETS.finishBtn : ASSETS.startBtn" mode="widthFix" />
</view>
<view class="btn-item" @click="handleRestart">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment