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 @@
-
+
{{ messageNum }}
@@ -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, //默认第二页 }); };