Browse Source

右侧互联加上红点提示

yangc 8 năm trước cách đây
mục cha
commit
2aaa955824
1 tập tin đã thay đổi với 11 bổ sung0 xóa
  1. 11 0
      components/default/RightBar.vue

+ 11 - 0
components/default/RightBar.vue

@@ -30,6 +30,7 @@
           <a href="javascript:void(0)" class="title" @click="goWebChat" @mouseenter="getChatCount">
             <i class="fa fa-comments-o" aria-hidden="true" style="color: #FFFFFF;">
             </i>
+            <i class="remind-point" v-if="user.logged && chatCount>0"></i>
           </a>
           <div class="sidebar-menu" title="优软互联"><a @click="goWebChat">优软互联<span v-if="user.logged">({{chatCount}})</span></a></div>
         </li>
@@ -337,6 +338,16 @@
   .right-bar ul li a i{
     font-size: 20px;
   }
+  .right-bar .remind-point {
+    width: 8px;
+    height: 8px;
+    display: block;
+    border-radius: 100%;
+    background: red;
+    position: relative;
+    top: -31px;
+    right: -21px;
+  }
   .right-bar ul li li a:hover div.foot-record{
     display: inline-block !important;
   }