fix: 底部时间导致页面重绘吃字

src/layouts/BasicLayout.vue

@@ -137,7 +137,6 @@ onMounted(() => {
 });
 
 // ==== 服务器时间显示 start
-let serverTimeStr = ref<string>('');
 let serverTime = reactive({
   timestamp: 0,
   zone: 'UTC', // 时区 UTC
@@ -148,11 +147,16 @@ let serverTime = reactive({
 function fnGetServerTime() {
   getServerTime().then(res => {
     if (res.code === RESULT_CODE_SUCCESS && res.data) {
+      const serverTimeDom = document.getElementById('serverTimeDom');
       // 时间戳
       serverTime.timestamp = parseInt(res.data.timestamp);
       serverTime.interval = setInterval(() => {
         serverTime.timestamp += 1000;
-        serverTimeStr.value = parseDateToStr(serverTime.timestamp);
+        // serverTimeStr.value = parseDateToStr(serverTime.timestamp);
+        // 用DOM直接修改
+        if (serverTimeDom) {
+          serverTimeDom.innerText = parseDateToStr(serverTime.timestamp);
+        }
       }, 1000);
 
       // 时区
@@ -271,7 +275,7 @@ document.addEventListener('visibilitychange', function () {
             </div>
             <div>
               <span class="footer-time">
-                {{ serverTimeStr }} {{ serverTime.zone }}
+                <span id="serverTimeDom"></span> {{ serverTime.zone }}
               </span>
             </div>
           </div>