静态页面

src/pages/index/PaiLie3/index.vue

@@ -128,7 +128,7 @@
         <div class="Bottom flex-h">
           <span class="SelectRes">共<em>{{TotalResNum}}</em>注<em>{{TotalResNum * 200}}</em>牛币</span>
           <a class="iconfont iconjian" @click="EmptyData"></a>
-          <router-link :to="{ name: 'PaiLie3DingDan' }" class="iconfont icongouwuche"></router-link>
+          <router-link :to="{ name: 'PaiLie3DingDan' }" class="iconfont icongouwuche"><span>{{PaiLie3Cart.length > 99 ? '99+' : PaiLie3Cart.length}}</span></router-link>
           <!-- <a class="iconfont iconqushi"></a> -->
           <div class="flex-item"></div>
           <a class="Btn" :class="{'active': CanCreateRes}" @click="AddCart">添加号码</a>
@@ -142,7 +142,7 @@
 <script>
 import MainPageContainer from '../../../components/common/MainPageContainer'
 import { createNamespacedHelpers } from 'vuex'
-const { mapMutations: mapUserMutations } = createNamespacedHelpers('user')
+const { mapState: mapUserState, mapMutations: mapUserMutations } = createNamespacedHelpers('user')
 export default {
   name: '',
   data () {
@@ -170,6 +170,10 @@ export default {
     }
   },
   computed: {
+    ...mapUserState({
+      UserInfo: x => x.UserInfo, // 用户信息
+      PaiLie3Cart: x => x.PaiLie3Cart
+    })
   },
   components: {
     MainPageContainer

src/pages/index/PaiLie3/page.scss

@@ -392,6 +392,21 @@
         font-size: 0.24rem;
         color: #ff5200;
         margin-right: 0.1rem;
+        position: relative;
+        overflow: visible;
+        >span {
+          display: inline-block;
+          font-size: 0.1rem;
+          color: #fff;
+          min-width: 0.16rem;
+          line-height: 0.16rem;
+          text-align: center;
+          border-radius: 100%;
+          background: #ff5200;
+          position: absolute;
+          right: -0.06rem;
+          top: -0.06rem;
+        }
       }
       > .flex-item {
         position: relative;

src/pages/index/PaiLie5/index.vue

@@ -92,7 +92,7 @@
         <div class="Bottom flex-h">
           <span class="SelectRes">共<em>{{TotalResNum}}</em>注<em>{{TotalResNum * 200}}</em>牛币</span>
           <a class="iconfont iconjian" v-if="SelectType === 1" @click="EmptySelectArea"></a>
-          <router-link :to="{ name: 'PaiLie5DingDan' }" class="iconfont icongouwuche"></router-link>
+          <router-link :to="{ name: 'PaiLie5DingDan' }" class="iconfont icongouwuche"><span>{{PaiLie5Cart.length > 99 ? '99+' : PaiLie5Cart.length}}</span></router-link>
           <div class="flex-item"></div>
           <a class="Btn" :class="{'active': CanCreateRes}" @click="AddCart">添加号码</a>
           <a class="Btn" :class="{'active': CanCreateRes}" @click="CreateOrder">投注</a>
@@ -105,7 +105,7 @@
 <script>
 import MainPageContainer from '../../../components/common/MainPageContainer'
 import { createNamespacedHelpers } from 'vuex'
-const { mapMutations: mapUserMutations } = createNamespacedHelpers('user')
+const { mapState: mapUserState, mapMutations: mapUserMutations } = createNamespacedHelpers('user')
 export default {
   name: '',
   data () {
@@ -126,6 +126,10 @@ export default {
     }
   },
   computed: {
+    ...mapUserState({
+      UserInfo: x => x.UserInfo, // 用户信息
+      PaiLie5Cart: x => x.PaiLie5Cart
+    })
   },
   components: {
     MainPageContainer

src/pages/index/PaiLie5/page.scss

@@ -271,6 +271,21 @@
         font-size: 0.24rem;
         color: #ff5200;
         margin-right: 0.1rem;
+        position: relative;
+        overflow: visible;
+        >span {
+          display: inline-block;
+          font-size: 0.1rem;
+          color: #fff;
+          min-width: 0.16rem;
+          line-height: 0.16rem;
+          text-align: center;
+          border-radius: 100%;
+          background: #ff5200;
+          position: absolute;
+          right: -0.06rem;
+          top: -0.06rem;
+        }
       }
       > .flex-item {
         position: relative;