From 55e1f2ddfac6c88c2211a5ba9515763c7757973d Mon Sep 17 00:00:00 2001
From: zhangzhiyi <zhangzhiyi@birantech.com>
Date: Thu, 25 May 2023 13:35:59 +0800
Subject: [PATCH] =?UTF-8?q?tab=E9=BB=98=E8=AE=A4=E7=AC=AC=E4=BA=8C?=
 =?UTF-8?q?=E4=B8=AA=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/view/tabs/home-screen.vue | 22 +++++++++++++++++++---
 src/view/tabs/tabs.vue        |  3 ++-
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/src/view/tabs/home-screen.vue b/src/view/tabs/home-screen.vue
index 8fb136f..2bde887 100644
--- a/src/view/tabs/home-screen.vue
+++ b/src/view/tabs/home-screen.vue
@@ -17,7 +17,7 @@
                 <div class="message">
                     <img src="@/assets/imgs/home-screen/message@2x.png" class="message-img" @click="goMessagePage()">
                     <!-- 消息数量提醒 -->
-                    <div></div>
+                    <div class="message-confim" v-show="messageNum > 0">{{ messageNum }}</div>
                 </div>
                 <div class="backups">
                     <img src="@/assets/imgs/home-screen/backups@2x.png" class="backups-img">
@@ -45,7 +45,7 @@ const minutes = ref('--');
 /** 获取时间的定时器 */
 const getTimeTimer = ref();
 /** 信息的数量 */
-const messageNum = ref(0);
+const messageNum = ref(1);
 
 onMounted(() => {
     imgs.value = document.getElementById('imgs');
@@ -156,8 +156,24 @@ const goMessagePage = () => {
                 height: 72px;
             }
 
-            .message-img {
+            .message {
                 margin-right: 34px;
+                position: relative;
+
+                .message-confim {
+                    position: absolute;
+                    top: -5px;
+                    right: -5px;
+                    width: 30px;
+                    height: 30px;
+                    border-radius: 50%;
+                    background-color: #D65659;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    color: #FFF;
+                    font-size: 20px;
+                }
             }
         }
     }
diff --git a/src/view/tabs/tabs.vue b/src/view/tabs/tabs.vue
index a259128..810b1c0 100644
--- a/src/view/tabs/tabs.vue
+++ b/src/view/tabs/tabs.vue
@@ -82,7 +82,8 @@ const initSwiper = () => {
     }, //分页样式
     touchStartPreventDefault: false,
     effect: "fade", //轮播图切换效果的类型
-    resistanceRatio: 0
+    resistanceRatio: 0,
+    initialSlide: 1, //默认第二页
   });
 };