Parcourir la source

[bug] red dot

wenliming il y a 2 ans
Parent
commit
de9efff8c2
1 fichiers modifiés avec 7 ajouts et 0 suppressions
  1. 7 0
      src/view/popup/popup.vue

+ 7 - 0
src/view/popup/popup.vue

@@ -9,6 +9,7 @@
                         <font>Balance Valuation</font>
                     </div>
                     <div class="bill" @click="showTransactions">
+                        <red-dot class="red-dot" v-if="unReadCountWallet > 0"></red-dot>
                         <img :src="require('@/assets/svg/icon-home-bill.svg')" />
                     </div>
                 </div>
@@ -651,11 +652,17 @@ body {
                 }
             }
             .bill {
+                position: relative;
                 img {
                     width: 24px;
                     height: 24px;
                     cursor: pointer;
                 }
+                .red-dot {
+                    position: absolute;
+                    right: 0px;
+                    top: -1px;
+                }
             }
         }