daShangDao_miniProgram/unpackage/dist/dev/mp-weixin/pkgUser/memberSelect.wxml

<view class="member-select-container data-v-69317d1c"><view class="page-header data-v-69317d1c"><view class="header-subtitle data-v-69317d1c">选择适合您的会员等级，享受更多权益</view></view><block wx:if="{{showTabs}}"><view class="member-status-overview data-v-69317d1c"><block wx:if="{{$root.m0.isVip}}"><view class="status-card data-v-69317d1c"><view class="status-card-header data-v-69317d1c"><text class="status-type data-v-69317d1c">{{$root.m1}}</text><text class="status-badge vip data-v-69317d1c">已开通</text></view><view class="status-card-content data-v-69317d1c"><block wx:if="{{$root.m2==='xcx'}}"><view class="status-detail data-v-69317d1c"><text class="detail-label data-v-69317d1c">已上书本数：</text><text class="detail-value data-v-69317d1c">{{$root.m3.count+"本"}}</text></view></block><block wx:if="{{$root.m4.expirationDateStr}}"><view class="status-detail data-v-69317d1c"><text class="detail-label data-v-69317d1c">到期时间：</text><text class="detail-value data-v-69317d1c">{{$root.m5.expirationDateStr}}</text></view></block><block wx:if="{{$root.m6.daysRemaining>0}}"><view class="status-detail data-v-69317d1c"><text class="detail-label data-v-69317d1c">剩余天数：</text><text class="detail-value remaining-days data-v-69317d1c">{{$root.m7.daysRemaining+"天"}}</text></view></block><block wx:else><block wx:if="{{$root.m8.daysRemaining===0}}"><view class="status-detail data-v-69317d1c"><text class="detail-label expired data-v-69317d1c">会员已到期</text></view></block></block></view></view></block><block wx:if="{{$root.m9}}"><view class="status-card expired-card data-v-69317d1c"><view class="status-card-header data-v-69317d1c"><text class="status-type data-v-69317d1c">{{$root.m10}}</text><text class="status-badge expired data-v-69317d1c">已到期</text></view><view class="status-card-content data-v-69317d1c"><block wx:if="{{$root.m11==='xcx'}}"><view class="status-detail data-v-69317d1c"><text class="detail-label data-v-69317d1c">已上书本数：</text><text class="detail-value data-v-69317d1c">{{$root.m12.count+"本"}}</text></view></block><block wx:if="{{$root.m13.expirationDateStr}}"><view class="status-detail data-v-69317d1c"><text class="detail-label data-v-69317d1c">过期时间：</text><text class="detail-value data-v-69317d1c">{{$root.m14.expirationDateStr}}</text></view></block></view></view></block><block wx:if="{{$root.m15}}"><view class="no-member-tip data-v-69317d1c"><text class="tip-text data-v-69317d1c">{{"您还未开通"+$root.m16+"，选择下方套餐开始享受会员权益"}}</text></view></block></view></block><block wx:if="{{!showTabs}}"><view class="member-status-overview data-v-69317d1c"><block wx:if="{{userMemberStatus.xcx.isVip}}"><view class="status-card data-v-69317d1c"><view class="status-card-header data-v-69317d1c"><text class="status-type data-v-69317d1c">小程序上书会员</text><text class="status-badge vip data-v-69317d1c">已开通</text></view><view class="status-card-content data-v-69317d1c"><view class="status-detail data-v-69317d1c"><text class="detail-label data-v-69317d1c">已上书本数：</text><text class="detail-value data-v-69317d1c">{{userMemberStatus.xcx.count+"本"}}</text></view><block wx:if="{{userMemberStatus.xcx.expirationDateStr}}"><view class="status-detail data-v-69317d1c"><text class="detail-label data-v-69317d1c">到期时间：</text><text class="detail-value data-v-69317d1c">{{userMemberStatus.xcx.expirationDateStr}}</text></view></block><block wx:if="{{userMemberStatus.xcx.daysRemaining>0}}"><view class="status-detail data-v-69317d1c"><text class="detail-label data-v-69317d1c">剩余天数：</text><text class="detail-value remaining-days data-v-69317d1c">{{userMemberStatus.xcx.daysRemaining+"天"}}</text></view></block><block wx:else><block wx:if="{{userMemberStatus.xcx.daysRemaining===0}}"><view class="status-detail data-v-69317d1c"><text class="detail-label expired data-v-69317d1c">会员已到期</text></view></block></block></view></view></block><block wx:if="{{!userMemberStatus.xcx.isVip&&userMemberStatus.xcx.isExpired}}"><view class="status-card expired-card data-v-69317d1c"><view class="status-card-header data-v-69317d1c"><text class="status-type data-v-69317d1c">小程序上书会员</text><text class="status-badge expired data-v-69317d1c">已过期</text></view><view class="status-card-content data-v-69317d1c"><view class="status-detail data-v-69317d1c"><text class="detail-label data-v-69317d1c">已上书本数：</text><text class="detail-value data-v-69317d1c">{{userMemberStatus.xcx.count+"本"}}</text></view><block wx:if="{{userMemberStatus.xcx.expirationDateStr}}"><view class="status-detail data-v-69317d1c"><text class="detail-label data-v-69317d1c">过期时间：</text><text class="detail-value data-v-69317d1c">{{userMemberStatus.xcx.expirationDateStr}}</text></view></block></view></view></block><block wx:if="{{userMemberStatus.kwfw.isVip}}"><view class="status-card data-v-69317d1c"><view class="status-card-header data-v-69317d1c"><text class="status-type data-v-69317d1c">孔网翻新会员</text><text class="status-badge vip data-v-69317d1c">已开通</text></view><view class="status-card-content data-v-69317d1c"><block wx:if="{{userMemberStatus.kwfw.expirationDateStr}}"><view class="status-detail data-v-69317d1c"><text class="detail-label data-v-69317d1c">到期时间：</text><text class="detail-value data-v-69317d1c">{{userMemberStatus.kwfw.expirationDateStr}}</text></view></block><block wx:if="{{userMemberStatus.kwfw.daysRemaining>0}}"><view class="status-detail data-v-69317d1c"><text class="detail-label data-v-69317d1c">剩余天数：</text><text class="detail-value remaining-days data-v-69317d1c">{{userMemberStatus.kwfw.daysRemaining+"天"}}</text></view></block><block wx:else><block wx:if="{{userMemberStatus.kwfw.daysRemaining===0}}"><view class="status-detail data-v-69317d1c"><text class="detail-label expired data-v-69317d1c">会员已到期</text></view></block></block></view></view></block><block wx:if="{{!userMemberStatus.kwfw.isVip&&userMemberStatus.kwfw.isExpired}}"><view class="status-card expired-card data-v-69317d1c"><view class="status-card-header data-v-69317d1c"><text class="status-type data-v-69317d1c">孔网翻新会员</text><text class="status-badge expired data-v-69317d1c">已过期</text></view><view class="status-card-content data-v-69317d1c"><block wx:if="{{userMemberStatus.kwfw.expirationDateStr}}"><view class="status-detail data-v-69317d1c"><text class="detail-label data-v-69317d1c">过期时间：</text><text class="detail-value data-v-69317d1c">{{userMemberStatus.kwfw.expirationDateStr}}</text></view></block></view></view></block><block wx:if="{{!userMemberStatus.xcx.isVip&&!userMemberStatus.kwfw.isVip&&!userMemberStatus.xcx.isExpired&&!userMemberStatus.kwfw.isExpired}}"><view class="no-member-tip data-v-69317d1c"><text class="tip-text data-v-69317d1c">您还未开通任何会员，选择下方套餐开始享受会员权益</text></view></block></view></block><block wx:if="{{showTabs}}"><view class="tab-container data-v-69317d1c"><view class="tab-list data-v-69317d1c"><block wx:for="{{tabs}}" wx:for-item="tab" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['switchTab',[index]]]]]}}" class="{{['tab-item','data-v-69317d1c',(activeTabIndex===index)?'active':'']}}" bindtap="__e">{{''+tab.name+''}}</view></block></view></view></block><view class="member-cards data-v-69317d1c"><block wx:for="{{memberLevels}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['selectMember',[index]]]]]}}" class="{{['member-card','data-v-69317d1c',(selectedIndex===index)?'selected':'']}}" bindtap="__e"><view class="card-header data-v-69317d1c" style="{{'background-color:'+(item.color||'#4A5CFF')+';'}}"><view class="card-title data-v-69317d1c">{{item.name}}</view><view class="card-price data-v-69317d1c">{{"¥"+item.price}}</view></view><view class="card-content data-v-69317d1c"><block wx:for="{{item.benefits||defaultBenefits}}" wx:for-item="benefit" wx:for-index="bIndex" wx:key="bIndex"><view class="benefit-item data-v-69317d1c"><text class="benefit-icon data-v-69317d1c">✓</text><text class="benefit-text data-v-69317d1c">{{benefit}}</text></view></block></view></view></block><block wx:if="{{selectedIndex===index}}"><view class="select-mark data-v-69317d1c"><text class="select-icon data-v-69317d1c">✓</text></view></block></view><view class="bottom-bar data-v-69317d1c"><block wx:if="{{selectedIndex!==-1}}"><view class="selected-info data-v-69317d1c"><text class="selected-name data-v-69317d1c">{{memberLevels[selectedIndex]&&memberLevels[selectedIndex].name}}</text><text class="selected-price data-v-69317d1c">{{"¥"+(memberLevels[selectedIndex]&&memberLevels[selectedIndex].price)}}</text></view></block><view data-event-opts="{{[['tap',[['handlePay',['$event']]]]]}}" class="{{['pay-button','data-v-69317d1c',(selectedIndex===-1)?'disabled':'']}}" bindtap="__e"> 立即支付 </view></view></view>