ExamAware/ExamShowboard-Legacy
3
0
Fork 0
mirror of https://hub.gitmirror.com/https://github.com/ExamAware/ExamShowboard-Legacy.git synced 2025-04-29 13:46:32 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

更新 infoPage.vue

Browse Source
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
1 changed files with 18 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/renderer/src/pages/infoPage.vue
View File

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