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>
|