纸通宝小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 

75 lines
4.2 KiB

<!--pages/ztbvip/index.wxml-->
<wxs module="formate" src="../../pages/formate.wxs"></wxs>
<cu-custom bgColor="bg-white" isBack="{{true}}">
<view slot="content">纸通宝会员</view>
</cu-custom>
<!-- <wux-image width="{{750}}" height="{{270}}" nuit="{{'rpx'}}" src="https://pic.downk.cc/item/5f181ed214195aa594565927.png" mode="aspectFill">
</wux-image> -->
<view style="padding:18rpx 24rpx;background-color:white">
<view class="header-box">
<view class="flex">
<wux-image width="{{60}}" height="{{60}}" wux-class="image" shape="circle" src="{{avatarUrl}}" />
<view class="flex flex-column flex-center" style="width:100%;margin-left:18rpx;align-items:flex-start">
<view class="flex flex-justify" style="width:100%">
<view class="flex flex-center">
<text class="text-cut" style="white-space: nowrap;max-width: 180rpx">{{userName || ''}}</text>
<view class="flex flex-center" style="font-size:12px" catchtap="toAuthor">
<image class="img-auth2" src="{{userInfo.isAuth == 1 ? '../../assets/image/icon_author.png' : '../../assets/image/icon_unauthor.png'}}"></image>
<text class="{{userInfo.isAuth == 1 ? 'text-blue' : 'text-gray'}}">{{userInfo.isAuth == 1 ? '已认证' : '未实名认证'}}</text>
<text class="text-yellow" style="padding:4px;" wx:if="{{userInfo && userInfo.isAuth != 1}}">去认证</text>
</view>
</view>
<button class="cu-btn bg-red round shadow-blur vip-btn" bindtap="openVip">{{vipInfo.isVIP==1?'立即续费':'开通会员'}}</button>
</view>
<view class="flex flex-center" style="font-size:28rpx;">
<text class="text-black">{{vipInfo.isVIP==1?'付费会员':'非会员'}}</text>
<text style="margin-left:12rpx;font-size:12px;color: #6f6f6f;" wx:if="{{vipInfo.isVIP==1}}">(到期时间:{{vipInfo.memberExpiredAt}})</text>
</view>
</view>
</view>
<view style="margin-top:32rpx;border-top: 2rpx solid #9B6C48"></view>
<view class="flex flex-justify" style="margin-top:32rpx">
<text style="font-size:30rpx;color:#692F03">我的权益</text>
<view class="flex">
<view class="flex flex-column flex-center">
<wux-image width="{{30}}" height="{{30}}" wux-class="image" shape="circle" src="/assets/image/ico_vip1.png" />
<text style="font-size:20rpx;color:#9C6D24">买卖保障</text>
</view>
<view class="flex flex-column flex-center" style="margin-left:32rpx">
<wux-image width="{{30}}" height="{{30}}" wux-class="image" shape="circle" src="/assets/image/ico_vip2.png" />
<text style="font-size:20rpx;color:#9C6D24">竞价特权</text>
</view>
<view class="flex flex-column flex-center" style="margin-left:32rpx">
<wux-image width="{{30}}" height="{{30}}" wux-class="image" shape="circle" src="/assets/image/ico_vip3.png" />
<text style="font-size:20rpx;color:#9C6D24">咨询特权</text>
</view>
</view>
</view>
</view>
</view>
<view style="padding:8rpx 12rpx 18rpx 12rpx;background-color:white" wx:if="{{iconList.length}}">
<view style="font-size:32rpx;color:#333333;padding-left:12rpx;margin-bottom: 24rpx">选择购买的会员产品</view>
<view class="cu-list grid col-3 no-border" style="padding: 0rpx">
<view class="cu-item" wx:for="{{iconList}}" wx:key="index" data-index="{{index}}" bindtap="onGridTap">
<view class="openVip">
<view class="cu-tags" wx:if="{{item.sellStrategy == 'twoForOneAtFirstTime'}}">首月买一赠一</view>
<view class="{{item.id == divIndex? 'openVip22':'openVip21'}}">
<view style="padding:32rpx 0rpx 48rpx 0rpx">
<text class="text-cut" style="font-size:36rpx;color:#333333">{{item.days}}{{item.title}}</text>
<text class="text-price" style="margin-top:18rpx;font-size:40rpx;color:#d0a45c">{{item.realPrice}}</text>
<text style="margin-top:18rpx;font-size:24rpx;color:#999999;text-decoration:line-through">原价:¥{{item.bidPrice}}</text>
</view>
</view>
</view>
</view>
</view>
</view>
<view style="height:{{136 + safeBottom}}rpx;"></view>
<view class="cu-bar bg-white foot" style="height:{{120 + safeBottom}}rpx;padding: 32rpx 32rpx {{safeBottom + 32}}rpx 32rpx;" wx:if="{{iconList.length}}">
<button class="cu-btn bg-red round shadow-blur page-btn" bindtap="openVip">{{vipInfo.isVIP==1?'立即续费':'开通会员'}}</button>
</view>
<wux-dialog id="wux-dialog" />