小程序初始提交

cool-unix/pages/set/index.uvue

@@ -0,0 +1,79 @@
+<template>
+	<cl-page>
+		<view class="p-3">
+			<cl-list :pt="{ className: 'mb-3' }">
+				<cl-list-item
+					:label="t('通用设置')"
+					icon="settings-line"
+					arrow
+					hoverable
+					@tap="router.to('/pages/set/general')"
+				>
+				</cl-list-item>
+				<cl-list-item
+					:label="t('通知设置')"
+					icon="notification-4-line"
+					arrow
+					hoverable
+					@tap="router.to('/pages/set/notice')"
+				>
+				</cl-list-item>
+				<cl-list-item :label="t('隐私设置')" icon="lock-line" arrow hoverable>
+				</cl-list-item>
+			</cl-list>
+
+			<cl-list :pt="{ className: 'mb-3' }">
+				<cl-list-item
+					:label="$t('关于{name}', { name: config.name })"
+					icon="error-warning-line"
+					arrow
+					hoverable
+					:pt="{
+						label: {
+							className: 'flex-1'
+						}
+					}"
+					@tap="router.to('/pages/set/about')"
+				>
+				</cl-list-item>
+
+				<cl-list-item
+					:label="t('联系客服')"
+					icon="customer-service-line"
+					arrow
+					hoverable
+					@tap="router.to('/pages/set/cs')"
+				>
+				</cl-list-item>
+			</cl-list>
+
+			<cl-list :pt="{ className: 'mb-3' }">
+				<cl-list-item hoverable justify="center" @tap="toLogout">
+					<cl-text color="error">{{ t("退出登录") }}</cl-text>
+				</cl-list-item>
+			</cl-list>
+		</view>
+	</cl-page>
+</template>
+
+<script setup lang="ts">
+import { config } from "@/config";
+import { router, useStore } from "@/cool";
+import { $t, t } from "@/locale";
+import { useUi } from "@/uni_modules/cool-ui";
+
+const ui = useUi();
+const { user } = useStore();
+
+function toLogout() {
+	ui.showConfirm({
+		title: t("提示"),
+		message: t("确定退出登录吗？"),
+		callback(action) {
+			if (action == "confirm") {
+				user.logout();
+			}
+		}
+	});
+}
+</script>