chore: establish V1.1 recovery baseline
This commit is contained in:
@@ -0,0 +1,78 @@
|
||||
/**
|
||||
* 帮助中心页 U41
|
||||
*
|
||||
* 静态 FAQ,无后端依赖。
|
||||
*/
|
||||
const { ROUTE } = require('../../constants');
|
||||
|
||||
const FAQ_DATA = [
|
||||
{
|
||||
category: '账号与登录',
|
||||
items: [
|
||||
{ q: '如何注册账号?', a: '点击「微信一键登录」,系统将自动创建账号并完成实名认证。' },
|
||||
{ q: '忘记登录密码怎么办?', a: '本平台使用微信授权登录,无需设置密码。如遇到问题请重新登录。' },
|
||||
{ q: '如何绑定手机号?', a: '登录后在「我的」页面完成实名认证即可绑定手机号。' },
|
||||
],
|
||||
},
|
||||
{
|
||||
category: '推荐与匹配',
|
||||
items: [
|
||||
{ q: '推荐列表是怎么生成的?', a: '系统根据您的择偶条件和已有用户资料,按照匹配算法每日生成推荐列表。' },
|
||||
{ q: '为什么收不到推荐?', a: '请检查您的资料完整度是否高于60%,以及择偶条件是否合理(不宜过窄)。' },
|
||||
{ q: '如何暂停推荐?', a: '在「设置」中切换关系状态为「已暂停寻找」即可停止推荐。' },
|
||||
{ q: '可以查看谁喜欢过我吗?', a: '可以,在首页右上角点击「喜欢我的人」即可查看。' },
|
||||
],
|
||||
},
|
||||
{
|
||||
category: '活动参与',
|
||||
items: [
|
||||
{ q: '如何报名参加活动?', a: '在活动详情页点击「立即报名」,填写紧急联系人信息后提交。' },
|
||||
{ q: '活动报名后能否取消?', a: '可以,在「我的活动」中找到对应活动并取消报名。' },
|
||||
{ q: '活动是否需要审核?', a: '部分活动需要公益组织审核后参与,审核结果将在活动开始前通知您。' },
|
||||
],
|
||||
},
|
||||
{
|
||||
category: '隐私与安全',
|
||||
items: [
|
||||
{ q: '平台如何保护我的隐私?', a: '所有敏感信息(身份证、手机号)均加密存储,仅授权工作人员在案件上下文中可有限访问。' },
|
||||
{ q: '如何设置隐私权限?', a: '在「隐私设置」中可以控制是否在推荐中可见、是否允许活动邀请等。' },
|
||||
{ q: '如何拉黑某人?', a: '在推荐或缘分列表中点击该用户卡片,选择「拉黑」即可。拉黑后对方将不再看到您。' },
|
||||
],
|
||||
},
|
||||
{
|
||||
category: '公益红娘',
|
||||
items: [
|
||||
{ q: '什么是公益红娘服务?', a: '公益红娘是由丹阳市公益组织指派的专业人士,为您提供一对一的婚恋咨询服务。' },
|
||||
{ q: '如何申请红娘服务?', a: '在首页点击「申请公益红娘」,填写服务需求后等待工作人员联系。' },
|
||||
{ q: '红娘服务收费吗?', a: '不收费。本平台是公益性质的免费婚恋服务平台。' },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
Page({
|
||||
data: {
|
||||
platformName: getApp().globalData.platformName,
|
||||
activeCategory: '',
|
||||
faqData: FAQ_DATA,
|
||||
expandedIds: {},
|
||||
},
|
||||
|
||||
onLoad() {
|
||||
wx.setNavigationBarTitle({ title: '帮助中心' });
|
||||
if (FAQ_DATA.length > 0) {
|
||||
this.setData({ activeCategory: FAQ_DATA[0].category });
|
||||
}
|
||||
},
|
||||
|
||||
onCategoryTap(e) {
|
||||
const category = e.currentTarget.dataset.category;
|
||||
this.setData({ activeCategory: category });
|
||||
},
|
||||
|
||||
onToggleItem(e) {
|
||||
const id = e.currentTarget.dataset.id;
|
||||
const expanded = Object.assign({}, this.data.expandedIds);
|
||||
expanded[id] = !expanded[id];
|
||||
this.setData({ expandedIds: expanded });
|
||||
},
|
||||
});
|
||||
@@ -0,0 +1 @@
|
||||
{"navigationBarTitleText":"help-center","usingComponents":{}}
|
||||
@@ -0,0 +1,39 @@
|
||||
<!-- 帮助中心页 -->
|
||||
<view class="page">
|
||||
<!-- 分类导航 -->
|
||||
<scroll-view scroll-x class="category-bar">
|
||||
<view
|
||||
wx:for="{{faqData}}"
|
||||
wx:key="category"
|
||||
class="category-item {{activeCategory === item.category ? 'active' : ''}}"
|
||||
data-category="{{item.category}}"
|
||||
bindtap="onCategoryTap"
|
||||
>
|
||||
{{item.category}}
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
||||
<!-- FAQ 列表 -->
|
||||
<scroll-view scroll-y class="faq-list">
|
||||
<block wx:for="{{faqData}}" wx:key="category" wx:for-item="cat">
|
||||
<view wx:if="{{activeCategory === cat.category}}">
|
||||
<view
|
||||
wx:for="{{cat.items}}"
|
||||
wx:key="q"
|
||||
wx:for-item="faq"
|
||||
class="faq-item"
|
||||
data-id="{{cat.category + '-' + faq.q}}"
|
||||
bindtap="onToggleItem"
|
||||
>
|
||||
<view class="faq-question">
|
||||
<text>{{faq.q}}</text>
|
||||
<text class="faq-arrow {{expandedIds[(cat.category + '-' + faq.q)] ? 'up' : ''}}">▼</text>
|
||||
</view>
|
||||
<view class="faq-answer" wx:if="{{expandedIds[cat.category + '-' + faq.q]}}">
|
||||
<text>{{faq.a}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</scroll-view>
|
||||
</view>
|
||||
@@ -0,0 +1,70 @@
|
||||
/* 帮助中心样式 */
|
||||
.page {
|
||||
min-height: 100vh;
|
||||
background: #f5f5f5;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.category-bar {
|
||||
white-space: nowrap;
|
||||
background: #fff;
|
||||
padding: 0 24rpx;
|
||||
border-bottom: 1rpx solid #f0f0f0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.category-item {
|
||||
display: inline-block;
|
||||
padding: 24rpx 32rpx;
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
border-bottom: 4rpx solid transparent;
|
||||
}
|
||||
|
||||
.category-item.active {
|
||||
color: #E96B6B;
|
||||
border-bottom-color: #E96B6B;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.faq-list {
|
||||
flex: 1;
|
||||
padding: 24rpx 32rpx;
|
||||
}
|
||||
|
||||
.faq-item {
|
||||
background: #fff;
|
||||
border-radius: 16rpx;
|
||||
margin-bottom: 24rpx;
|
||||
padding: 28rpx 32rpx;
|
||||
}
|
||||
|
||||
.faq-question {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-size: 30rpx;
|
||||
color: #2d2d2d;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.faq-arrow {
|
||||
font-size: 20rpx;
|
||||
color: #ccc;
|
||||
transition: transform 0.2s;
|
||||
}
|
||||
|
||||
.faq-arrow.up {
|
||||
transform: rotate(180deg);
|
||||
color: #E96B6B;
|
||||
}
|
||||
|
||||
.faq-answer {
|
||||
margin-top: 20rpx;
|
||||
padding-top: 20rpx;
|
||||
border-top: 1rpx solid #f5f5f5;
|
||||
font-size: 26rpx;
|
||||
color: #666;
|
||||
line-height: 1.7;
|
||||
}
|
||||
Reference in New Issue
Block a user