1

src/views/backStageManage/home/index.vue

@@ -2,7 +2,7 @@
   <div class="height_100 home">
     <div class="content">
       <div>
-        {{getTimeState()}}{{ userinfo.name }}
+        <span v-html="getTimeState()"></span>{{ userinfo.name }}
       </div>
       欢迎使用窍笔后台管理系统
     </div>
@@ -36,15 +36,15 @@ export default {
       let state = ``;
       // 判断当前时间段
       if (hours >= 0 && hours <= 10) {
-        state = `🌞 早上好！`;
+        state = `<span style="color:aliceblue !important;">🌞</span> 早上好！`;
       } else if (hours > 10 && hours <= 11) {
-        state = `🌞 上午好！`;
+        state = `<span style="color:aliceblue !important;">🌞</span> 上午好！`;
       } else if (hours > 11 && hours <= 13) {
-        state = `🌼 中午好！`;
+        state = `<span style="color:aliceblue !important;">🌼</span> 中午好！`;
       } else if (hours > 13 && hours <= 18) {
-        state = `🌼 下午好！`;
+        state = `<span style="color:aliceblue !important;">🌼</span> 下午好！`;
       } else if (hours > 18 && hours <= 24) {
-        state = `😴 晚上好！`;
+        state = `<span style="color:aliceblue !important;">😴</span> 晚上好！`;
       }
       return state;
     }