This commit is contained in:
2025-11-29 15:02:59 +08:00
parent 83ee120f09
commit 21abcaff53
8 changed files with 69 additions and 68 deletions

View File

@@ -3,23 +3,17 @@
<!-- 步骤指示器 -->
<view class="steps-indicator">
<view class="step-item" :class="{ active: currentStep >= 1 }">
<view class="step-icon">
<text class="icon">👤</text>
</view>
<image class="step-icon-img" :src="currentStep >= 1 ? '/static/images/选择选手信息@3x.png' : '/static/images/选择选手信息@3x.png'" mode="aspectFit"></image>
<text class="step-text">选择选手信息</text>
</view>
<view class="step-line" :class="{ active: currentStep >= 2 }"></view>
<view class="step-item" :class="{ active: currentStep >= 2 }">
<view class="step-icon">
<text class="icon">💳</text>
</view>
<image class="step-icon-img" :src="currentStep >= 2 ? '/static/images/订单支付亮@3x.png' : '/static/images/订单支付灰@3x.png'" mode="aspectFit"></image>
<text class="step-text">订单支付</text>
</view>
<view class="step-line" :class="{ active: currentStep >= 3 }"></view>
<view class="step-item" :class="{ active: currentStep >= 3 }">
<view class="step-icon">
<text class="icon"></text>
</view>
<image class="step-icon-img" :src="currentStep >= 3 ? '/static/images/提交报名成功亮@3x.png' : '/static/images/提交报名成功灰@3x.png'" mode="aspectFit"></image>
<text class="step-text">提交报名成功</text>
</view>
</view>
@@ -36,8 +30,8 @@
<view class="player-list">
<view class="player-item" v-for="(item, index) in playerList" :key="index">
<view class="player-checkbox" @click="togglePlayer(item)">
<text v-if="item.selected" class="checked"></text>
<text v-else class="unchecked"></text>
<image v-if="item.selected" class="checkbox-img" src="/static/images/选中@3x.png" mode="aspectFit"></image>
<image v-else class="checkbox-img" src="/static/images/未选中@3x.png" mode="aspectFit"></image>
</view>
<view class="player-info">
<view class="player-name">{{ item.name }}</view>
@@ -45,11 +39,11 @@
</view>
<view class="player-actions">
<view class="action-btn edit-btn" @click.stop="handleEdit(item)">
<text class="icon"></text>
<image class="action-icon" src="/static/images/编辑@3x.png" mode="aspectFit"></image>
<text>编辑</text>
</view>
<view class="action-btn delete-btn" @click.stop="handleDelete(item)">
<text class="icon">🗑</text>
<image class="action-icon" src="/static/images/删除@3x.png" mode="aspectFit"></image>
<text>删除</text>
</view>
</view>
@@ -314,6 +308,11 @@ export default {
background-color: #C93639;
}
.step-icon-img {
width: 70rpx;
height: 70rpx;
}
.icon {
font-size: 36rpx;
}
@@ -399,6 +398,11 @@ export default {
justify-content: center;
}
.checkbox-img {
width: 40rpx;
height: 40rpx;
}
.checked {
font-size: 36rpx;
color: #C93639;
@@ -409,6 +413,11 @@ export default {
color: #cccccc;
}
.action-icon {
width: 28rpx;
height: 28rpx;
}
.player-info {
flex: 1;
}