更新 infoPage.vue

This commit is contained in:
Jursin 2024-12-01 16:27:27 +08:00 committed by GitHub
parent 7ded544cc2
commit 32e53ea107
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

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