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:27:27 +08:00 committed by GitHub
parent 7ded544cc2
commit 32e53ea107
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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