更新 infoPage.vue

This commit is contained in:
Jursin 2024-12-01 14:20:24 +08:00 committed by GitHub
parent f2ed06d7cb
commit 9bfb43d91f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -1,9 +1,11 @@
<template> <template>
<v-container class="main-area"> <v-container class="main-area">
<v-row> <v-row>
<v-col cols="12" class="d-flex flex-column mb-4"> <v-col cols="12" class="d-flex justify-space-between align-center mb-4">
<h1 class="large-title">{{ globalStore.examName }}</h1> <h1 class="large-title">{{ globalStore.examName }}</h1>
<h2 class="medium-title text-left">{{ globalStore.room }}</h2> <h2 class="medium-title">{{ globalStore.room }}</h2>
</v-col>
<v-col cols="12">
<h3 class="small-title text-left">{{ globalStore.message }}</h3> <h3 class="small-title text-left">{{ globalStore.message }}</h3>
</v-col> </v-col>
</v-row> </v-row>
@ -76,8 +78,9 @@ onUnmounted(() => {
} }
.medium-title { .medium-title {
font-size: 2em; font-size: 3em;
margin-top: 10px; margin-top: 10px;
text-align: right;
} }
.small-title { .small-title {
@ -85,6 +88,7 @@ onUnmounted(() => {
margin-top: 5px; margin-top: 5px;
color: gray; color: gray;
text-align: left; text-align: left;
line-height: 1.2;
} }
.mb-4 { .mb-4 {