fix bugs
This commit is contained in:
@@ -18,11 +18,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>
|
||||
@@ -225,6 +225,11 @@ export default {
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.action-icon {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
}
|
||||
|
||||
.empty-state {
|
||||
padding: 200rpx 0;
|
||||
text-align: center;
|
||||
|
||||
@@ -26,57 +26,39 @@
|
||||
<!-- 功能网格 -->
|
||||
<view class="function-grid">
|
||||
<view class="function-item" @click="handleFunction('info')">
|
||||
<view class="function-icon" style="background-color: #C93639;">
|
||||
<text>📄</text>
|
||||
</view>
|
||||
<image class="function-icon-img" src="/static/images/信息发布@3x.png" mode="aspectFit"></image>
|
||||
<text class="function-text">信息发布</text>
|
||||
</view>
|
||||
<view class="function-item" @click="handleFunction('rules')">
|
||||
<view class="function-icon" style="background-color: #C93639;">
|
||||
<text>📋</text>
|
||||
</view>
|
||||
<image class="function-icon-img" src="/static/images/赛事规程@3x.png" mode="aspectFit"></image>
|
||||
<text class="function-text">赛事规程</text>
|
||||
</view>
|
||||
<view class="function-item" @click="handleFunction('schedule')">
|
||||
<view class="function-icon" style="background-color: #C93639;">
|
||||
<text>📅</text>
|
||||
</view>
|
||||
<image class="function-icon-img" src="/static/images/活动日程@3x.png" mode="aspectFit"></image>
|
||||
<text class="function-text">活动日程</text>
|
||||
</view>
|
||||
<view class="function-item" @click="handleFunction('players')">
|
||||
<view class="function-icon" style="background-color: #C93639;">
|
||||
<text>👥</text>
|
||||
</view>
|
||||
<image class="function-icon-img" src="/static/images/参赛选手@3x.png" mode="aspectFit"></image>
|
||||
<text class="function-text">参赛选手</text>
|
||||
</view>
|
||||
<view class="function-item" @click="handleFunction('match')">
|
||||
<view class="function-icon" style="background-color: #C93639;">
|
||||
<text>📹</text>
|
||||
</view>
|
||||
<image class="function-icon-img" src="/static/images/比赛实况@3x.png" mode="aspectFit"></image>
|
||||
<text class="function-text">比赛实况</text>
|
||||
</view>
|
||||
<view class="function-item" @click="handleFunction('lineup')">
|
||||
<view class="function-icon" style="background-color: #C93639;">
|
||||
<text>📝</text>
|
||||
</view>
|
||||
<image class="function-icon-img" src="/static/images/出场顺序@3x.png" mode="aspectFit"></image>
|
||||
<text class="function-text">出场顺序</text>
|
||||
</view>
|
||||
<view class="function-item" @click="handleFunction('score')">
|
||||
<view class="function-icon" style="background-color: #C93639;">
|
||||
<text>📊</text>
|
||||
</view>
|
||||
<image class="function-icon-img" src="/static/images/成绩@3x.png" mode="aspectFit"></image>
|
||||
<text class="function-text">成绩</text>
|
||||
</view>
|
||||
<view class="function-item" @click="handleFunction('awards')">
|
||||
<view class="function-icon" style="background-color: #C93639;">
|
||||
<text>🏆</text>
|
||||
</view>
|
||||
<image class="function-icon-img" src="/static/images/奖牌榜.png" mode="aspectFit"></image>
|
||||
<text class="function-text">奖牌榜</text>
|
||||
</view>
|
||||
<view class="function-item" @click="handleFunction('photos')">
|
||||
<view class="function-icon" style="background-color: #C93639;">
|
||||
<text>🖼</text>
|
||||
</view>
|
||||
<image class="function-icon-img" src="/static/images/图片直播@3x.png" mode="aspectFit"></image>
|
||||
<text class="function-text">图片直播</text>
|
||||
</view>
|
||||
</view>
|
||||
@@ -219,6 +201,11 @@ export default {
|
||||
font-size: 60rpx;
|
||||
}
|
||||
|
||||
.function-icon-img {
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
|
||||
.function-text {
|
||||
font-size: 26rpx;
|
||||
color: #333333;
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -49,12 +49,6 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 快速导航按钮 -->
|
||||
<view class="quick-nav">
|
||||
<button class="quick-btn" @click="goToProfile">个人中心</button>
|
||||
<button class="quick-btn" @click="goToMyRegistration">我的报名</button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -255,23 +249,4 @@ export default {
|
||||
font-size: 36rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.quick-nav {
|
||||
position: fixed;
|
||||
bottom: 20rpx;
|
||||
left: 30rpx;
|
||||
right: 30rpx;
|
||||
display: flex;
|
||||
gap: 15rpx;
|
||||
}
|
||||
|
||||
.quick-btn {
|
||||
flex: 1;
|
||||
background-color: #C93639;
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 15rpx 20rpx;
|
||||
border-radius: 12rpx;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
|
||||
<!-- 我的报名卡片 -->
|
||||
<view class="my-registration-card" @click="goToMyRegistration">
|
||||
<view class="card-icon">📋</view>
|
||||
<image class="card-icon-img" src="/static/images/我的报名@3x.png" mode="aspectFit"></image>
|
||||
<view class="card-text">我的报名</view>
|
||||
</view>
|
||||
|
||||
@@ -170,6 +170,11 @@ export default {
|
||||
font-size: 40rpx;
|
||||
}
|
||||
|
||||
.card-icon-img {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
}
|
||||
|
||||
.card-text {
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
|
||||
Reference in New Issue
Block a user