no message

src/components/stuMan/eventsCalendar.vue

@@ -206,13 +206,23 @@
   }
   .hover_Suspended{
       position: relative;
-      padding: 0 3px;
-      background-color: #fff;
+      padding: 0 8px;
       border-radius: 10px;
       font-size: 15px;
+      color: white;
+  }
+  .hover_Suspended.grey{
+    background-color: grey;
+  }
+  .hover_Suspended.green{
+    background-color: green;
+  }
+  .hover_Suspended.red{
+    background-color: red;
   }
   .hover_Suspended:hover{
       color: #F8A535;
+      background-color: #fff;
   }
   .hover_Suspended:hover .Suspended{
       display: block;
@@ -288,7 +298,7 @@
                         <div class="eventsCalendar_box">
                             <div class="eventsCalendar" v-for="(items,indexs) in item.ActivityList" :key="indexs"
                             @click="eventName(items.ActivityName)">
-                                <div class="hover_Suspended">
+                                <div class="hover_Suspended" :class="items.ActivityStatus==1?'green':(items.ActivityStatus==2?'red':'grey')">
                                     {{items.ActivityName}}
                                     <div class="Suspended">
                                         <div class="Suspended-b"></div>