100 lines
4.3 KiB
Plaintext
100 lines
4.3 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">
|
||
<text class="back-icon">‹</text>
|
||
</view>
|
||
<text class="nav-title">卡若创业派对</text>
|
||
<view class="nav-placeholder-r"></view>
|
||
</view>
|
||
<view style="height: {{statusBarHeight + 44}}px;"></view>
|
||
<!-- 会员宣传区 - 设计稿 premium 卡片 -->
|
||
<view class="vip-hero {{isVip ? 'vip-hero-active' : ''}}">
|
||
<text class="vip-hero-tag">VIP PREMIUM</text>
|
||
<text class="vip-hero-title">
|
||
加入卡若的
|
||
<text class="gold">创业派对</text>
|
||
会员
|
||
</text>
|
||
<text class="vip-hero-sub" wx:if="{{isVip}}">有效期至 {{expireDateStr}}（剩余{{daysRemaining}}天）</text>
|
||
<text class="vip-hero-sub" wx:else>一次加入 尊享终身陪伴与成长</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" wx:for="{{contentRights}}" wx:key="title">
|
||
<text class="benefit-icon">{{item.icon || '✓'}}</text>
|
||
<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" wx:for="{{socialRights}}" wx:key="title">
|
||
<text class="benefit-icon benefit-icon-gold">{{item.icon || '✓'}}</text>
|
||
<view class="benefit-info">
|
||
<text class="benefit-title">{{item.title}}</text>
|
||
<text class="benefit-desc">{{item.desc}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- 底部固定购买按钮（非 VIP 时显示） -->
|
||
<view class="buy-footer" wx:if="{{!isVip}}">
|
||
<button class="buy-btn-fixed" bindtap="handlePurchase" disabled="{{purchasing}}">
|
||
{{purchasing ? "处理中..." : "¥" + price + "/年 加入创业派对"}}
|
||
</button>
|
||
</view>
|
||
<view class="bottom-spacer" wx:if="{{!isVip}}"></view>
|
||
<!-- VIP资料填写（仅VIP可见） -->
|
||
<view class="profile-card" wx:if="{{isVip}}">
|
||
<text class="profile-title">会员资料（展示在创业老板排行）</text>
|
||
<view class="avatar-row">
|
||
<view class="avatar-label">头像</view>
|
||
<view class="avatar-slot" bindtap="onChooseVipAvatar">
|
||
<image wx:if="{{profile.vipAvatar}}" class="avatar-img" src="{{profile.vipAvatar}}" mode="aspectFill"/>
|
||
<view wx:else class="avatar-placeholder">
|
||
<text class="avatar-add">+</text>
|
||
<text class="avatar-hint">上传头像</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="form-group">
|
||
<text class="form-label">姓名</text>
|
||
<view class="form-input">
|
||
<input type="nickname" placeholder="您的真实姓名" placeholder-class="form-placeholder" value="{{profile.vipName}}" bindinput="onVipNameInput" />
|
||
</view>
|
||
</view>
|
||
<view class="form-group">
|
||
<text class="form-label">项目名称</text>
|
||
<view class="form-input">
|
||
<input placeholder="您的项目/公司名称" placeholder-class="form-placeholder" value="{{profile.vipProject}}" bindinput="onVipProjectInput" />
|
||
</view>
|
||
</view>
|
||
<view class="form-group">
|
||
<text class="form-label">联系方式</text>
|
||
<view class="form-input">
|
||
<input placeholder="微信号或手机号" placeholder-class="form-placeholder" value="{{profile.vipContact}}" bindinput="onVipContactInput" />
|
||
</view>
|
||
</view>
|
||
<view class="form-group">
|
||
<text class="form-label">一句话简介</text>
|
||
<view class="form-input">
|
||
<input placeholder="简要描述您的业务" placeholder-class="form-placeholder" value="{{profile.vipBio}}" bindinput="onVipBioInput" />
|
||
</view>
|
||
</view>
|
||
<view class="save-btn-wrap">
|
||
<button class="save-btn" bindtap="saveProfile">保存资料</button>
|
||
</view>
|
||
</view>
|
||
<view class="bottom-space"></view>
|
||
</view> |