UI优化

src/components/AppFooter.vue

@@ -56,7 +56,7 @@ function handleTabClick(index) {
 
 <style scoped>
 .footer {
-  height: 90px;
+  height: 120px;
   width: 100vw;
   position: relative;
   display: flex;
@@ -74,13 +74,13 @@ function handleTabClick(index) {
   z-index: 1;
 }
 .tab-item > image {
-  width: 88%;
+  width: 86%;
 }
 .tab-item:nth-child(2) {
   transform: translate(25%, 20%);
 }
 .tab-item:nth-child(3) {
-  transform: translate(5%, -10%);
+  transform: translate(6%, -10%);
 }
 .tab-item:nth-child(4) {
   transform: translate(-25%, 20%);

src/pages/device-intro.vue

@@ -7,7 +7,7 @@ import SButton from "@/components/SButton.vue";
   <Container title="智能弓箭">
     <view class="container">
       <image
-        src="https://static.shelingxingqiu.com/attachment/2025-08-05/dbua9nuf5fyeph7cxi.png"
+        src="https://static.shelingxingqiu.com/attachment/2025-08-07/dbw5tq93d6n7xgtgvp.png"
         mode="widthFix"
       />
       <text>商品形象图及配图标题</text>
@@ -29,7 +29,9 @@ import SButton from "@/components/SButton.vue";
   align-items: center;
 }
 .container > image {
-  width: 80%;
+  width: 85%;
+  border-radius: 10px;
+  margin-top: 10px;
 }
 .container > text {
   color: #fff;

src/pages/index.vue

@@ -187,18 +187,18 @@ const comingSoon = () => {
             <view>
               <view>
                 <text>段位</text>
-                <text>{{ user.scores ? getLvlName(user.scores) : "-" }}</text>
+                <text>{{ user.scores ? getLvlName(user.scores) : "暂无" }}</text>
               </view>
               <view>
                 <text>赛季平均环数</text>
-                <text>{{ user.avg_ring ? user.avg_ring + "环" : "-" }}</text>
+                <text>{{ user.avg_ring ? user.avg_ring + "环" : "暂无" }}</text>
               </view>
               <view>
                 <text>赛季胜率</text>
                 <text>{{
                   user.avg_win
                     ? Number((user.avg_win * 100).toFixed(2)) + "%"
-                    : "-"
+                    : "暂无"
                 }}</text>
               </view>
             </view>
@@ -367,7 +367,7 @@ const comingSoon = () => {
   height: 82rpx;
   border-radius: 50%;
   margin-right: -10px;
-  border: 1px solid #000;
+  border: 1px solid #312F35;
   position: relative;
   box-sizing: border-box;
 }