完善弓箭调试和相关组件

src/pages/index.vue

@@ -32,6 +32,12 @@ const toPractisePage = () => {
     url: "/pages/practise",
   });
 };
+
+const toQquipmentPage = () => {
+  uni.navigateTo({
+    url: "/pages/equipment-debug",
+  });
+};
 </script>
 
 <template>
@@ -40,11 +46,9 @@ const toPractisePage = () => {
     <UserHeader showRank />
 
     <view class="container">
-      <!-- 功能区域 -->
       <view class="feature-grid">
-        <!-- 我的弓箭区域 -->
         <view class="bow-card">
-          <image src="../static/bow-bg.png" mode="widthFix" />
+          <image src="../static/bow-bg.png" mode="widthFix" @click="toQquipmentPage" />
           <text>我的弓箭</text>
           <image
             src="../static/a2@2x.png"
@@ -53,18 +57,15 @@ const toPractisePage = () => {
           />
         </view>
 
-        <!-- 个人练习区域 -->
         <view class="practice-card" @click="toPractisePage">
           <image src="../static/a2@2x(1).png" mode="widthFix" />
         </view>
 
-        <!-- 好友约战区域 -->
         <view class="friend-card" @click="toFriendBattlePage">
           <image src="../static/a3@2x.png" mode="widthFix" />
         </view>
       </view>
 
-      <!-- 排位赛区域 -->
       <view class="ranking-section" @click="toRankingPage">
         <image src="../static/a4@2x.png" mode="widthFix" />
         <view class="ranking-players">
@@ -144,14 +145,11 @@ const toPractisePage = () => {
   padding-top: 45px;
 }
 
-/* 用户信息样式 */
-
 .container {
   height: calc(100vh - 220px);
   padding: 20px 10px;
 }
 
-/* 功能区网格样式 */
 .feature-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
@@ -197,7 +195,6 @@ const toPractisePage = () => {
   width: 100%;
 }
 
-/* 排位赛区域样式 */
 .ranking-section {
   border-radius: 15px;
   padding: 15px;