小程序初始提交

cool-unix/pages/set/general.uvue

@@ -0,0 +1,42 @@
+<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>