重新更新

src/views/dashboard/admin/index.vue

@@ -4,7 +4,7 @@
       <el-col :sm="24" :xs="24" :md="6" :xl="6" :lg="6" :style="{ marginBottom: '12px' }">
         <chart-card>
           <template #title>
-            <span :class="dashboardValue.count.upcoming > 0 ? 'myUpcoming' : null">我的待办</span>
+            <span style="color: #1890ff;position: relative;">我的待办 <i :class="dashboardValue.count.upcoming > 0 ? 'myUpcoming' : null" class="dot"></i></span>
           </template>
           <template #total>
             <router-link to="/process/upcoming">{{ dashboardValue.count.upcoming }}</router-link>
@@ -208,13 +208,19 @@ export default {
 }
 
 .myUpcoming {
-  color: #1890ff;
-  font-weight: 500;
-  animation: flash 1.4s ease infinite;
+  animation: flash 2s ease infinite;
+  position: absolute;
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background-color: red;
+}
+.dot {
 }
 @keyframes flash{
     from {
-        opacity: .4;
+        opacity: 0;
     }
     to {
         opacity: 1;