更新 infoPage.vue

This commit is contained in:
Jursin 2024-12-01 16:05:53 +08:00 committed by GitHub
parent 1d436f0554
commit 8d871c95cb
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -1,12 +1,14 @@
<template>
<v-container class="main-area">
<v-row>
<v-col cols="12" class="d-flex justify-space-between align-center mb-4">
<v-col cols="12" class="d-flex justify-space-between align-center">
<div>
<h1 class="large-title">{{ globalStore.examName }}</h1>
<h2 class="medium-title">{{ globalStore.message }}</h2>
</div>
<div class="room ml-auto">
<h2 class="medium-title">{{ globalStore.room }}</h2>
</v-col>
<v-col cols="12">
<h3 class="small-title text-left">{{ globalStore.message }}</h3>
</div>
</v-col>
</v-row>
@ -46,7 +48,7 @@ const scheduleNextUpdate = () => {
if (nextExam) {
const nextEndTime = new Date(nextExam.end).getTime();
const now = Date.now();
const delay = nextEndTime - now + 60000;
const delay = nextEndTime - now + 60000; // + 1
timeout = setTimeout(() => {
updateCurrentExam();
@ -69,8 +71,8 @@ onUnmounted(() => {
<style scoped>
.main-area {
padding-left: 10px;
padding-right: 10px;
padding-left: 20px;
padding-right: 20px;
}
.large-title {
@ -78,20 +80,15 @@ onUnmounted(() => {
}
.medium-title {
font-size: 3em;
margin-top: 5px;
text-align: right;
}
.small-title {
font-size: 2.0em;
margin-top: 2px;
font-size: 2em;
color: gray;
text-align: left;
line-height: 1.2;
}
.mb-4 {
margin-bottom: 20px;
.room {
font-size: 3em;
}
.ml-auto {
margin-left: auto;
}
</style>