This commit is contained in:
2024-01-23 14:43:15 +08:00
parent 946ec691af
commit d7acc3e653
2 changed files with 8 additions and 10 deletions

View File

@@ -39,15 +39,15 @@ function changeSize(v: number) {
<n-tab-pane name="setting" tab="设置"> <n-tab-pane name="setting" tab="设置">
<n-flex size="large" vertical class="setting"> <n-flex size="large" vertical class="setting">
<n-flex align="center"> <n-flex align="center">
<span>主题</span> <span class="label">主题</span>
<ThemeButton /> <ThemeButton />
</n-flex> </n-flex>
<n-flex align="center"> <n-flex align="center">
<span>语言</span> <span class="label">语言</span>
<SelectLanguage /> <SelectLanguage />
</n-flex> </n-flex>
<n-flex align="center"> <n-flex align="center">
<span>字号</span> <span class="label">字号</span>
<n-flex align="center"> <n-flex align="center">
<span :style="{ 'font-size': size + 'px' }">{{ size }}</span> <span :style="{ 'font-size': size + 'px' }">{{ size }}</span>
<n-button @click="changeSize(size - 2)" :disabled="size === 20"> <n-button @click="changeSize(size - 2)" :disabled="size === 20">
@@ -67,4 +67,7 @@ function changeSize(v: number) {
.setting { .setting {
padding: 0 12px; padding: 0 12px;
} }
.label {
font-size: 16px;
}
</style> </style>

View File

@@ -26,14 +26,9 @@ const menu: DropdownOption[] = [
<div class="title">徐越的自测猫</div> <div class="title">徐越的自测猫</div>
<n-flex align="center"> <n-flex align="center">
<n-dropdown :options="menu"> <n-dropdown :options="menu">
<n-button size="small">操作</n-button> <n-button>操作</n-button>
</n-dropdown> </n-dropdown>
<n-button <n-button type="primary" :disabled="loading" @click="switchAndRun">
size="small"
type="primary"
:disabled="loading"
@click="switchAndRun"
>
运行 运行
</n-button> </n-button>
</n-flex> </n-flex>