fix bugs
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user