OMC/fe.ems.vue3
1
0
Fork 0
Code Issues Releases 3 Activity

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

Browse Source
This commit is contained in:
TsMask
2023-11-21 18:38:55 +08:00
parent 60adbce55d
commit 407e15ca3c
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/layouts/BasicLayout.vue
View File

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