feat: deliver V1.1 dual-client UI fidelity milestone

This commit is contained in:
2026-09-10 16:06:11 +08:00
parent 5b51d5b3f1
commit 45ca118453
82 changed files with 682 additions and 1167 deletions
@@ -1,20 +1 @@
<view class="container">
<view class="header">
<text class="title">婚前辅导</text>
<text class="subtitle">公益免费 · 可邀请伴侣共同参与</text>
</view>
<view class="info-card">
<text class="info-title">服务内容</text>
<text class="info-item">• 婚前沟通与期望管理</text>
<text class="info-item">• 家庭角色与责任规划</text>
<text class="info-item">• 财务与生活方式协商</text>
<text class="info-item">• 双方家庭关系处理</text>
</view>
<view class="companion-note">
<text>💑 可邀请伴侣一同参与,效果更佳</text>
</view>
<button class="apply-btn" bindtap="onApply">申请婚前辅导</button>
</view>
<view class="service-page"><view class="hero"><text class="eyebrow">U58 婚前辅导</text><text class="hero-title">在进入婚姻前,把重要的事认真谈清楚</text><text class="hero-desc">帮助双方讨论共同生活、家庭责任与沟通方式,可邀请伴侣共同参与。</text></view><view class="content"><view class="block"><text class="block-title">辅导内容</text><view class="card"><view class="feature-row"><view class="feature-icon">沟</view><view class="feature-copy"><text class="feature-title">沟通与期望</text><text class="feature-desc">表达需求、倾听差异,形成可以共同遵守的约定</text></view></view><view class="feature-row"><view class="feature-icon">家</view><view class="feature-copy"><text class="feature-title">家庭与责任</text><text class="feature-desc">讨论家庭角色、财务安排与双方家庭关系</text></view></view><view class="feature-row"><view class="feature-icon">伴</view><view class="feature-copy"><text class="feature-title">共同生活</text><text class="feature-desc">对生活方式、未来计划和冲突处理建立共识</text></view></view></view></view><view class="notice">双方共同参与效果更好,但必须基于自愿,不会因为一方申请而自动通知或要求另一方参加。</view></view><view class="fixed-action"><view class="primary-btn" bindtap="onApply">申请婚前辅导</view></view></view>
@@ -1,10 +1 @@
.container { padding: 24rpx; }
.header { text-align: center; margin-bottom: 32rpx; }
.title { font-size: 36rpx; font-weight: bold; color: #333; }
.subtitle { font-size: 26rpx; color: #888; margin-top: 8rpx; display: block; }
.info-card { background: #fff; border-radius: 16rpx; padding: 28rpx; margin-bottom: 24rpx; }
.info-title { font-size: 30rpx; font-weight: bold; color: #333; display: block; margin-bottom: 16rpx; }
.info-item { font-size: 26rpx; color: #666; display: block; line-height: 2.2; }
.companion-note { background: #fff0f5; border-radius: 12rpx; padding: 20rpx; text-align: center; margin-bottom: 32rpx; }
.companion-note text { font-size: 26rpx; color: #c62828; }
.apply-btn { background: linear-gradient(135deg, #FF6B6B, #EE5A24); color: #fff; border: none; border-radius: 44rpx; font-size: 32rpx; }
@import "../../styles/service-page.wxss";