afc2376e96
- 后端: users表新增VIP字段, 4个VIP API (purchase/status/profile/members) - 后端: hot接口改按user_tracks阅读量排序 - 后端: orders表支持vip产品类型, migrate新增vip_fields迁移 - 小程序「我的」: 推广中心改为我的收益, 头像VIP标识, VIP入口卡片 - 小程序「我的」: 最近阅读显示真实章节名称 - 小程序首页: 去掉内容概览, 新增创业老板排行(4列网格) - 小程序首页: 精选推荐从hot接口获取, goToRead增加track记录 - 新增页面: VIP详情页, 会员详情页 - 开发文档精简为10个标准目录, 创建SKILL.md, 需求日志规范化 Co-authored-by: Cursor <cursoragent@cursor.com>
61 lines
2.5 KiB
Plaintext
61 lines
2.5 KiB
Plaintext
<!--VIP会员页-->
|
||
<view class="page">
|
||
<view class="nav-bar" style="padding-top: {{statusBarHeight}}px;">
|
||
<view class="nav-back" bindtap="goBack"><text class="back-icon">‹</text></view>
|
||
<text class="nav-title">VIP会员</text>
|
||
<view class="nav-placeholder-r"></view>
|
||
</view>
|
||
<view style="height: {{statusBarHeight + 44}}px;"></view>
|
||
|
||
<!-- VIP状态卡片 -->
|
||
<view class="vip-hero {{isVip ? 'vip-hero-active' : ''}}">
|
||
<view class="vip-hero-icon">👑</view>
|
||
<text class="vip-hero-title" wx:if="{{!isVip}}">开通VIP年度会员</text>
|
||
<text class="vip-hero-title gold" wx:else>VIP会员</text>
|
||
<text class="vip-hero-sub" wx:if="{{isVip}}">有效期至 {{expireDateStr}}（剩余{{daysRemaining}}天）</text>
|
||
<text class="vip-hero-sub" wx:else>¥{{price}}/年 · 365天全部权益</text>
|
||
</view>
|
||
|
||
<!-- 权益列表 -->
|
||
<view class="rights-card">
|
||
<text class="rights-title">会员权益</text>
|
||
<view class="rights-list">
|
||
<view class="rights-item" wx:for="{{rights}}" wx:key="*this">
|
||
<text class="rights-check">✓</text>
|
||
<text class="rights-text">{{item}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 购买按钮 -->
|
||
<view class="buy-section" wx:if="{{!isVip}}">
|
||
<button class="buy-btn" bindtap="handlePurchase" disabled="{{purchasing}}">
|
||
{{purchasing ? '处理中...' : '立即开通 ¥' + price}}
|
||
</button>
|
||
</view>
|
||
|
||
<!-- VIP资料填写（仅VIP可见） -->
|
||
<view class="profile-card" wx:if="{{isVip}}">
|
||
<text class="profile-title">会员资料（展示在创业老板排行）</text>
|
||
<view class="form-group">
|
||
<text class="form-label">姓名</text>
|
||
<input class="form-input" placeholder="您的真实姓名" value="{{profile.name}}" bindinput="onNameInput"/>
|
||
</view>
|
||
<view class="form-group">
|
||
<text class="form-label">项目名称</text>
|
||
<input class="form-input" placeholder="您的项目/公司名称" value="{{profile.project}}" bindinput="onProjectInput"/>
|
||
</view>
|
||
<view class="form-group">
|
||
<text class="form-label">联系方式</text>
|
||
<input class="form-input" placeholder="微信号或手机号" value="{{profile.contact}}" bindinput="onContactInput"/>
|
||
</view>
|
||
<view class="form-group">
|
||
<text class="form-label">一句话简介</text>
|
||
<input class="form-input" placeholder="简要描述您的业务" value="{{profile.bio}}" bindinput="onBioInput"/>
|
||
</view>
|
||
<button class="save-btn" bindtap="saveProfile">保存资料</button>
|
||
</view>
|
||
|
||
<view class="bottom-space"></view>
|
||
</view>
|