消息

src/views/HomePage.vue

@@ -51,7 +51,22 @@
             <div class="notice-box" v-if="news.length > 0">
                 <van-notice-bar ref="noticeBarRef" left-icon="volume-o">
                     <template #left-icon>
-                        <img class="bar-icon" src="../assets/home_icon_redian.png" alt="" @click="showConsoleEve" />
+                        <van-badge
+                            dot
+                            :offset="[-4, 4]"
+                            class="animate__animated animate__rubberBand animate__infinite"
+                            v-if="hasNews"
+                        >
+                            <img class="bar-icon" src="../assets/home_icon_redian.png" alt="" @click="showConsoleEve" />
+                        </van-badge>
+
+                        <img
+                            class="bar-icon"
+                            v-else
+                            src="../assets/home_icon_redian.png"
+                            alt=""
+                            @click="showConsoleEve"
+                        />
                         <div class="driver"></div>
                     </template>
                     <van-swipe
@@ -180,7 +195,7 @@ import intoIcon from '@/assets/svgs/icon_inter.svg'
 import { Swiper, SwiperSlide } from 'swiper/vue'
 import SwiperCore, { Pagination, Autoplay, Parallax, Controller } from 'swiper'
 import { useRouter, useRoute } from 'vue-router'
-import { ref, watch } from 'vue'
+import { ref, watch, computed } from 'vue'
 import { onIonViewWillEnter } from '@ionic/vue'
 import { isAfter, isBefore, parse, getYear, getMonth, getDate, addDays, getTime, format } from 'date-fns'
 import { http } from '@/plugins/http'
@@ -288,6 +303,13 @@ function getNotice() {
         news.value = res.content
     })
 }
+const hasNews = computed(() => {
+    let info = news.value.find(item => {
+        let date1 = addDays(new Date(item.createdAt), 1)
+        return isAfter(date1, new Date())
+    })
+    return !!info
+})
 
 const noticeBarRef = ref(null)
 const route = useRoute()

src/views/RankPage.vue

@@ -66,7 +66,7 @@
                                     <div class="name">{{ item.nickname }}</div>
                                 </div>
 
-                                <div class="rank-val" v-if="tab === 1 && i < 3">
+                                <div class="rank-val" v-if="tab === 1 && i < 10">
                                     <img class="val-bg" :src="rankValue[i].img" alt="" />
                                     <div class="val-content">
                                         <div class="text1">{{ rankValue[i].label }}</div>
@@ -102,6 +102,7 @@ import rank3 from '@/assets/rank_3.png'
 import rankBg1 from '@/assets/png - shou yi-laxing1.png'
 import rankBg2 from '@/assets/png - shou yi-laxing2.png'
 import rankBg3 from '@/assets/png - shou yi-laxing3.png'
+import rankBg4 from '@/assets/png - shou yi-laxing4.png'
 import { Vue3Lottie } from 'vue3-lottie'
 import prizeJSON from '@/assets/lottie/prize.json'
 import '@/styles/animate.css'
@@ -113,22 +114,57 @@ const rankImg = [rank1, rank2, rank3]
 const rankValue = [
     {
         img: rankBg1,
-        label: '50%',
-        val: 0.5
+        label: '40%',
+        val: 0.4
     },
     {
         img: rankBg2,
-        label: '30%',
-        val: 0.3
+        label: '20%',
+        val: 0.2
     },
     {
         img: rankBg3,
-        label: '20%',
-        val: 0.2
+        label: '10%',
+        val: 0.1
+    },
+    {
+        img: rankBg4,
+        label: '8%',
+        val: 0.08
+    },
+    {
+        img: rankBg4,
+        label: '7%',
+        val: 0.07
+    },
+    {
+        img: rankBg4,
+        label: '5%',
+        val: 0.05
+    },
+    {
+        img: rankBg4,
+        label: '4%',
+        val: 0.04
+    },
+    {
+        img: rankBg4,
+        label: '3%',
+        val: 0.03
+    },
+    {
+        img: rankBg4,
+        label: '2%',
+        val: 0.02
+    },
+    {
+        img: rankBg4,
+        label: '1%',
+        val: 0.01
     }
 ]
 const showBouns = computed(() => {
-    return bonus.value && bonus.value > 10000 ? bonus.value : 10000
+    return bonus.value ? bonus.value.amount : 0
 })
 
 function getRankVal(val) {
@@ -451,7 +487,7 @@ function goInvite() {
             -webkit-background-clip: text;
             background-clip: text;
             -webkit-text-fill-color: transparent;
-            margin-top: 1px;
+            margin-top: 4px;
             .nor {
                 font-weight: normal;
             }