fix bugs

pages.json

@@ -166,5 +166,25 @@
     "navigationBarTitleText": "武术赛事",
     "navigationBarBackgroundColor": "#C93639",
     "backgroundColor": "#F8F8F8"
+  },
+  "tabBar": {
+    "color": "#999999",
+    "selectedColor": "#C93639",
+    "backgroundColor": "#ffffff",
+    "borderStyle": "black",
+    "list": [
+      {
+        "pagePath": "pages/home/home",
+        "text": "首页",
+        "iconPath": "static/images/首页灰@3x.png",
+        "selectedIconPath": "static/images/首页亮@3x.png"
+      },
+      {
+        "pagePath": "pages/profile/profile",
+        "text": "个人中心",
+        "iconPath": "static/images/个人中心灰@3x.png",
+        "selectedIconPath": "static/images/个人中心亮@3x.png"
+      }
+    ]
   }
 }

pages/common-info/common-info.vue

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

pages/event-detail/event-detail.vue

@@ -26,57 +26,39 @@
     <!-- 功能网格 -->
     <view class="function-grid">
       <view class="function-item" @click="handleFunction('info')">
-        <view class="function-icon" style="background-color: #C93639;">
+        <image class="function-icon-img" src="/static/images/信息发布@3x.png" mode="aspectFit"></image>
-          <text>📄</text>
-        </view>
         <text class="function-text">信息发布</text>
       </view>
       <view class="function-item" @click="handleFunction('rules')">
-        <view class="function-icon" style="background-color: #C93639;">
+        <image class="function-icon-img" src="/static/images/赛事规程@3x.png" mode="aspectFit"></image>
-          <text>📋</text>
-        </view>
         <text class="function-text">赛事规程</text>
       </view>
       <view class="function-item" @click="handleFunction('schedule')">
-        <view class="function-icon" style="background-color: #C93639;">
+        <image class="function-icon-img" src="/static/images/活动日程@3x.png" mode="aspectFit"></image>
-          <text>📅</text>
-        </view>
         <text class="function-text">活动日程</text>
       </view>
       <view class="function-item" @click="handleFunction('players')">
-        <view class="function-icon" style="background-color: #C93639;">
+        <image class="function-icon-img" src="/static/images/参赛选手@3x.png" mode="aspectFit"></image>
-          <text>👥</text>
-        </view>
         <text class="function-text">参赛选手</text>
       </view>
       <view class="function-item" @click="handleFunction('match')">
-        <view class="function-icon" style="background-color: #C93639;">
+        <image class="function-icon-img" src="/static/images/比赛实况@3x.png" mode="aspectFit"></image>
-          <text>📹</text>
-        </view>
         <text class="function-text">比赛实况</text>
       </view>
       <view class="function-item" @click="handleFunction('lineup')">
-        <view class="function-icon" style="background-color: #C93639;">
+        <image class="function-icon-img" src="/static/images/出场顺序@3x.png" mode="aspectFit"></image>
-          <text>📝</text>
-        </view>
         <text class="function-text">出场顺序</text>
       </view>
       <view class="function-item" @click="handleFunction('score')">
-        <view class="function-icon" style="background-color: #C93639;">
+        <image class="function-icon-img" src="/static/images/成绩@3x.png" mode="aspectFit"></image>
-          <text>📊</text>
-        </view>
         <text class="function-text">成绩</text>
       </view>
       <view class="function-item" @click="handleFunction('awards')">
-        <view class="function-icon" style="background-color: #C93639;">
+        <image class="function-icon-img" src="/static/images/奖牌榜.png" mode="aspectFit"></image>
-          <text>🏆</text>
-        </view>
         <text class="function-text">奖牌榜</text>
       </view>
       <view class="function-item" @click="handleFunction('photos')">
-        <view class="function-icon" style="background-color: #C93639;">
+        <image class="function-icon-img" src="/static/images/图片直播@3x.png" mode="aspectFit"></image>
-          <text>🖼</text>
-        </view>
         <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;

pages/event-register/event-register.vue

@@ -3,23 +3,17 @@
     <!-- 步骤指示器 -->
     <view class="steps-indicator">
       <view class="step-item" :class="{ active: currentStep >= 1 }">
-        <view class="step-icon">
+        <image class="step-icon-img" :src="currentStep >= 1 ? '/static/images/选择选手信息@3x.png' : '/static/images/选择选手信息@3x.png'" mode="aspectFit"></image>
-          <text class="icon">👤</text>
-        </view>
         <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">
+        <image class="step-icon-img" :src="currentStep >= 2 ? '/static/images/订单支付亮@3x.png' : '/static/images/订单支付灰@3x.png'" mode="aspectFit"></image>
-          <text class="icon">💳</text>
-        </view>
         <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">
+        <image class="step-icon-img" :src="currentStep >= 3 ? '/static/images/提交报名成功亮@3x.png' : '/static/images/提交报名成功灰@3x.png'" mode="aspectFit"></image>
-          <text class="icon">✓</text>
-        </view>
         <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>
+            <image v-if="item.selected" class="checkbox-img" src="/static/images/选中@3x.png" mode="aspectFit"></image>
-            <text v-else class="unchecked">○</text>
+            <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;
 }

pages/home/home.vue

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

pages/profile/profile.vue

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