release: freeze demo v1.1.0 2026-10-19

h5-demo/src/pages/settings/SettingsPage.vue

@@ -0,0 +1,79 @@
+<template>
+  <PageLayout title="设置">
+    <div class="settings">
+      <UiSectionHeader title="通知与消息" />
+      <van-cell-group inset>
+        <van-cell
+          title="通知中心"
+          value="系统通知、活动提醒"
+          is-link
+          @click="router.push('/notifications')"
+        />
+      </van-cell-group>
+
+      <UiSectionHeader title="关系状态" />
+      <van-cell-group inset>
+        <van-cell
+          title="关系状态"
+          value="查看并切换当前婚恋状态"
+          is-link
+          @click="router.push('/settings/relationship')"
+        />
+      </van-cell-group>
+
+      <UiSectionHeader title="安全与隐私" />
+      <van-cell-group inset>
+        <van-cell
+          title="隐私设置"
+          value="推荐可见、活动邀请、最近上线"
+          is-link
+          @click="router.push('/settings/privacy')"
+        />
+        <van-cell title="黑名单管理" is-link @click="router.push('/settings/blacklist')" />
+      </van-cell-group>
+
+      <UiSectionHeader title="账号" />
+      <van-cell-group inset>
+        <van-cell title="账号状态" is-link @click="router.push('/account/status')" />
+        <van-cell title="帮助中心" is-link @click="router.push('/help')" />
+        <van-cell title="关于善缘丹阳" is-link @click="router.push('/about')" />
+      </van-cell-group>
+
+      <div class="settings__logout" @click="router.push('/account/logout')">退出登录</div>
+      <p class="settings__free">本平台为公益服务，所有功能永久免费</p>
+    </div>
+  </PageLayout>
+</template>
+
+<script setup lang="ts">
+import { useRouter } from 'vue-router'
+import PageLayout from '@/layouts/PageLayout.vue'
+import UiSectionHeader from '@/components/UiSectionHeader.vue'
+
+const router = useRouter()
+</script>
+
+<style scoped>
+.settings {
+  padding: 8px 0 24px;
+}
+.settings :deep(.van-cell-group--inset) {
+  margin: 0 16px 8px;
+}
+.settings__logout {
+  margin: 16px;
+  text-align: center;
+  color: var(--mini-danger);
+  background: var(--mini-surface);
+  border-radius: var(--mini-radius);
+  padding: 13px;
+  font-size: 14px;
+  box-shadow: var(--mini-shadow);
+}
+.settings__free {
+  text-align: center;
+  font-size: 11px;
+  color: var(--mini-text-muted);
+  margin: 12px 0 0;
+}
+</style>