更新 infoPage.vue

This commit is contained in:
Jursin 2024-12-01 13:45:29 +08:00 committed by GitHub
parent a208e3f2c8
commit 9611f8097c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -1,9 +1,10 @@
<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 flex-column mb-4">
<h1 class="large-title">{{ globalStore.examName }}</h1> <h1 class="large-title">{{ globalStore.examName }}</h1>
<h2 class="medium-title">{{ globalStore.message }}</h2> <h2 class="medium-title text-left">{{ globalStore.room }}</h2>
<h3 class="small-title text-left">{{ globalStore.message }}</h3>
</v-col> </v-col>
</v-row> </v-row>
@ -75,10 +76,18 @@ onUnmounted(() => {
} }
.medium-title { .medium-title {
font-size: 3em; font-size: 2em;
margin-top: 10px;
}
.small-title {
font-size: 1.5em;
margin-top: 5px;
color: gray;
text-align: left;
} }
.mb-4 { .mb-4 {
margin-bottom: 20px; margin-bottom: 20px;
} }
</style> </style>