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

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

View File

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

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;
}

View File

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

View File

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