no message

src/components/stuMan/eventsCalendar.vue

@@ -211,14 +211,14 @@
       font-size: 15px;
       color: white;
   }
-  .hover_Suspended.grey{
-    background-color: grey;
+  .hover_Suspended.started{
+    background-color: #A5D6A7;
   }
-  .hover_Suspended.green{
-    background-color: green;
+  .hover_Suspended.progress{
+    background-color: #21BA45;
   }
-  .hover_Suspended.red{
-    background-color: red;
+  .hover_Suspended.over{
+    background-color: #1976D2;
   }
   .hover_Suspended:hover{
       color: #F8A535;
@@ -271,14 +271,14 @@
     display: inline-block;
     padding: 0 5px;
   }
-  .Suspended_text p.grey{
-    background-color: grey;
+  .Suspended_text p.started{
+    background-color: #A5D6A7;
   }
-  .Suspended_text p.green{
-    background-color: green;
+  .Suspended_text p.progress{
+    background-color: #21BA45;
   }
-  .Suspended_text p.red{
-    background-color: red;
+  .Suspended_text p.over{
+    background-color: #1976D2;
   }
 </style>
 <template>
@@ -298,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" :class="items.ActivityStatus==1?'green':(items.ActivityStatus==2?'red':'grey')">
+                                <div class="hover_Suspended" :class="items.ActivityStatus==1?'progress':(items.ActivityStatus==2?'over':'started')">
                                     {{items.ActivityName}}
                                     <div class="Suspended">
                                         <div class="Suspended-b"></div>
@@ -308,7 +308,7 @@
                                         <div class="Suspended_text"><span>价格 :</span>{{!items.IsFree?items.Price:'免费'}}</div>
                                         <div class="Suspended_text" v-show="items.LocationName"><span>地址 :</span> {{items.LocationName}}</div>
                                         <div class="Suspended_text"><span>状态 :</span> 
-                                          <p :class="items.ActivityStatus==1?'green':(items.ActivityStatus==2?'red':'grey')">
+                                          <p :class="items.ActivityStatus==1?'progress':(items.ActivityStatus==2?'over':'started')">
                                           {{items.ActivityStatus==1?'进行中':(items.ActivityStatus==2?'已结束':'未开始')}}</p>
                                         </div>
                                     </div>