43 lines
990 B
Plaintext
43 lines
990 B
Plaintext
<template>
|
|
<cl-page>
|
|
<view class="p-3">
|
|
<cl-list>
|
|
<cl-list-item :label="t('深色模式')">
|
|
<cl-switch :model-value="isDark" @change="onThemeChange"></cl-switch>
|
|
</cl-list-item>
|
|
|
|
<cl-list-item :label="t('多语言')" arrow hoverable @tap="setLocale"> </cl-list-item>
|
|
|
|
<cl-list-item :label="t('字体大小')" arrow hoverable @tap="setSize"> </cl-list-item>
|
|
</cl-list>
|
|
</view>
|
|
|
|
<!-- 语言设置 -->
|
|
<locale-set :ref="refs.set('localeSet')"></locale-set>
|
|
|
|
<!-- 字体大小设置 -->
|
|
<size-set :ref="refs.set('sizeSet')"></size-set>
|
|
</cl-page>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { isDark, toggleTheme, useRefs } from "@/cool";
|
|
import { t } from "@/locale";
|
|
import LocaleSet from "@/components/locale-set.uvue";
|
|
import SizeSet from "@/components/size-set.uvue";
|
|
|
|
const refs = useRefs();
|
|
|
|
function onThemeChange() {
|
|
toggleTheme();
|
|
}
|
|
|
|
function setLocale() {
|
|
refs.open("localeSet");
|
|
}
|
|
|
|
function setSize() {
|
|
refs.open("sizeSet");
|
|
}
|
|
</script>
|