UI优化

src/pages/index.vue

@@ -67,21 +67,19 @@ onMounted(async () => {
     console.error("获取配置失败：", error);
   }
 });
+
+const comingSoon = () => {
+  uni.showToast({
+    title: "敬请期待",
+    icon: "none",
+  });
+};
 </script>
 
 <template>
   <view class="root-container" :style="{ paddingTop: isIos ? '45px' : '40px' }">
     <AppBackground />
-    <!-- 根据登录状态显示用户信息或登录按钮 -->
-    <block v-if="user.id">
-      <UserHeader showRank />
-    </block>
-    <block v-else>
-      <view class="signin-btn" @click="() => (showModal = true)">
-        <text>新来的弓箭手你好呀~</text>
-        <text>微信登录 &gt;</text>
-      </view>
-    </block>
+    <UserHeader showRank :onSignin="() => (showModal = true)" />
     <view class="container">
       <view class="feature-grid">
         <view class="bow-card">
@@ -141,6 +139,7 @@ onMounted(async () => {
             v-for="(region, index) in ['广东', '湖南', '内蒙', '海南', '四川']"
             :key="index"
             class="region-item"
+            @click="comingSoon"
           >
             <image src="../static/region-bg.png" mode="widthFix" />
             <image
@@ -174,7 +173,7 @@ onMounted(async () => {
               <text>分</text>
             </view>
           </view>
-          <view class="region-more">
+          <view class="region-more" @click="comingSoon">
             <image src="../static/region-more.png" mode="widthFix" />
             <text>...</text>
             <text>更多</text>
@@ -385,16 +384,4 @@ onMounted(async () => {
   line-height: 20px;
   margin-bottom: 5px;
 }
-.signin-btn {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-start;
-  margin-left: 10px;
-  font-size: 14px;
-}
-.signin-btn > text:last-child {
-  color: #39a8ff;
-  margin-top: 2px;
-}
 </style>