fa3da12b16
- miniprogram: reading-records、imageUrl/mpNavigate、多页资料与 VIP 展示调整 - soul-admin: Users/Settings/UserDetailModal、dist 构建产物更新 - soul-api: user/vip/referral/ckb/db、MBTI 头像管理、user_rule_completion、迁移 SQL - .cursor: karuo-party 与飞书文档；.gitignore 忽略 .tmp_skill_bundle Made-with: Cursor
54 lines
2.7 KiB
Plaintext
54 lines
2.7 KiB
Plaintext
<!-- VIP会员页 - 按 premium_membership_landing_v1 设计稿 -->
|
||
<view class="page">
|
||
<view class="nav-bar" style="padding-top: {{statusBarHeight}}px;">
|
||
<view class="nav-back" bindtap="goBack">
|
||
<icon name="chevron-left" size="44" color="#ffffff" customClass="back-icon"></icon>
|
||
</view>
|
||
<text class="nav-title">卡若创业派对VIP会员</text>
|
||
<view class="nav-placeholder-r"></view>
|
||
</view>
|
||
<view style="height: {{statusBarHeight + 44}}px;"></view>
|
||
<!-- 会员宣传区（已去掉 VIP PREMIUM 标签） -->
|
||
<view class="vip-hero {{isVip ? 'vip-hero-active' : ''}}">
|
||
<view class="vip-hero-title">加入卡若</view>
|
||
<view class="vip-hero-title gold">创业派对 VIP会员</view>
|
||
<text class="vip-hero-sub" wx:if="{{isVip}}">有效期至 {{expireDateStr}}（剩余{{daysRemaining}}天）</text>
|
||
</view>
|
||
<!-- 双列权益：内容权益 + 社交权益 -->
|
||
<view class="rights-grid">
|
||
<view class="rights-col">
|
||
<view class="rights-col-header">
|
||
<text class="rights-dot rights-dot-teal"></text>
|
||
<text class="rights-col-title">会员权利</text>
|
||
</view>
|
||
<view class="benefit-card benefit-card-tap" wx:for="{{contentRights}}" wx:key="key" bindtap="onBenefitTap" data-key="{{item.key}}" hover-class="benefit-card-hover">
|
||
<icon name="{{item.icon || 'check'}}" size="40" color="#00CED1" customClass="benefit-icon"></icon>
|
||
<view class="benefit-info">
|
||
<text class="benefit-title">{{item.title}}</text>
|
||
<text class="benefit-desc">{{item.desc}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="rights-col">
|
||
<view class="rights-col-header">
|
||
<text class="rights-dot rights-dot-gold"></text>
|
||
<text class="rights-col-title rights-col-title-gold">派对权利</text>
|
||
</view>
|
||
<view class="benefit-card benefit-card-tap" wx:for="{{socialRights}}" wx:key="key" bindtap="onBenefitTap" data-key="{{item.key}}" hover-class="benefit-card-hover">
|
||
<icon name="{{item.icon || 'check'}}" size="40" color="#FFD700" customClass="benefit-icon benefit-icon-gold"></icon>
|
||
<view class="benefit-info">
|
||
<text class="benefit-title">{{item.title}}</text>
|
||
<text class="benefit-desc">{{item.desc}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- 底部固定购买按钮（非 VIP 时显示，用 view 避让 button 默认 margin） -->
|
||
<view class="buy-footer" wx:if="{{!isVip}}">
|
||
<view class="buy-btn-fixed {{purchasing ? 'buy-btn-disabled' : ''}}" bindtap="handlePurchase">
|
||
{{purchasing ? "处理中..." : "立即支付" + price + "元 加入创业派对"}}
|
||
</view>
|
||
</view>
|
||
|
||
<view class="bottom-space"></view>
|
||
</view> |