83a420f1b9
- Added checks for audit mode in VIP navigation and member detail pages, preventing access and displaying appropriate messages. - Updated UI elements to conditionally render based on audit mode, enhancing user experience by hiding VIP-related options when in audit mode. - Introduced loading indicators on the VIP page to manage user expectations during content validation. - Enhanced error handling for image uploads in the article editor, ensuring a smoother content creation process. This update aims to improve the overall user experience by enforcing access restrictions and providing clear feedback in audit mode.
62 lines
2.9 KiB
Plaintext
62 lines
2.9 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>
|
||
|
||
<view class="vip-gate-loading" wx:if="{{!contentVisible}}">
|
||
<view class="vip-gate-dot"></view>
|
||
<text class="vip-gate-txt">加载中...</text>
|
||
</view>
|
||
|
||
<block wx:if="{{contentVisible}}">
|
||
<!-- 会员宣传区（已去掉 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>
|
||
</block>
|
||
</view> |