页面修改

src/pages/studyAbroad/subappoint.vue

@@ -25,9 +25,9 @@
       </div>
     </div>
     <div class="row justify-center items-center q-mt-sm">
-      <font style="background:#eb3b5a;">待确认</font>&nbsp;
-      <font style="background:yellow;">待上课</font>&nbsp;
-      <font style="background:#20bf6b;">已上课</font>&nbsp;
+      <q-badge style="background:#eb3b5a;color:black;">待确认</q-badge>&nbsp;
+      <q-badge style="background:yellow;color:black;">待上课</q-badge>&nbsp;
+      <q-badge style="background:#20bf6b;color:black;">已上课</q-badge>&nbsp;
       <font style="color:blue;">{{msg.StartDate}}~{{msg.EndDate}} 排课计划</font>&nbsp;
       <q-btn dense text-color="primary" flat unelevated :label="viewType == 'day' ? '上一天' : '上一周'"
         @click="calendarPrev" />