Files
danyang-match/h5-demo/src/pages/settings/SettingsPage.vue
T
WorkBuddy 69ebf33e18
CI/CD Pipeline / Backend Build & Test (push) Canceled after 0s
CI/CD Pipeline / Admin Web Build (push) Canceled after 0s
CI/CD Pipeline / Mini Program Compile Check (push) Canceled after 0s
CI/CD Pipeline / Migration Validation (push) Canceled after 0s
CI/CD Pipeline / Test Shell Guard (Phase 23 Gate) (push) Canceled after 0s
CI/CD Pipeline / UI Contracts (source-structure gates) (push) Canceled after 0s
CI/CD Pipeline / E2E (live stack) (push) Canceled after 0s
release: freeze demo v1.1.0 2026-10-19
2026-10-19 20:36:22 +08:00

80 lines
2.2 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<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>