|
|
|
@ -1,75 +1,92 @@ |
|
|
|
<!--pages/ztbvip/index.wxml--> |
|
|
|
<wxs module="formate" src="../../pages/formate.wxs"></wxs> |
|
|
|
<cu-custom bgColor="bg-white" isBack="{{true}}"> |
|
|
|
<view slot="content">纸通宝会员</view> |
|
|
|
<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 class="bg-white" style="position: relative;height: 420rpx;"> |
|
|
|
<image style="width: 750rpx;height: 360rpx;" src="https://636c-cloud1-1gjilu3e74c1a18a-1305669442.tcb.qcloud.la/vip-top-bg.png?sign=291c882f493ac55be1ac8405a016855d&t=1633692336"></image> |
|
|
|
<image style="position: absolute;top: 32rpx;left: 32rpx;width: 686rpx;height: 386rpx;" src="https://636c-cloud1-1gjilu3e74c1a18a-1305669442.tcb.qcloud.la/vip-nibg.png?sign=c2769d6f8975c57b3f948a63955ac8b8&t=1633693058" wx:if="{{vipInfo.isVIP==1}}"></image> |
|
|
|
<image style="position: absolute;top: 32rpx;left: 32rpx;width: 686rpx;height: 386rpx;" src="https://636c-cloud1-1gjilu3e74c1a18a-1305669442.tcb.qcloud.la/vip-unbg.png?sign=ccdb23b86c6cfb020b75164824c3652f&t=1633694019" wx:else></image> |
|
|
|
<view class="header-box"> |
|
|
|
<wux-image width="{{60}}" height="{{60}}" wux-class="image" shape="circle" src="{{avatarUrl}}" /> |
|
|
|
<view style="margin-left:18rpx;align-items:flex-start;margin-top: 16rpx;"> |
|
|
|
<view class="flex flex-center" style="font-size:12px" catchtap="toAuthor"> |
|
|
|
<view class="text-cut text-xl">{{userName || '未登录'}}</view> |
|
|
|
<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 style="color: #7E5621;margin-top: 12rpx;">{{userInfo.mobile}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="flex flex-justify" style="font-size:28rpx;position: absolute;bottom: 60rpx;width: 100%;padding: 0rpx 64rpx;"> |
|
|
|
<text style="margin-left:12rpx;font-size:12px;color: #6f6f6f;" wx:if="{{vipInfo.isVIP==1}}">(到期时间：{{vipInfo.memberExpiredAt}})</text> |
|
|
|
<text class="text-black" wx:else>开通会员立享8项特权</text> |
|
|
|
<button class="cu-btn bg-red round shadow-blur vip-btn" bindtap="openVip">{{vipInfo.isVIP==1?'立即续费':'开通会员'}}</button> |
|
|
|
</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 class="text-bold bg-white" style="font-size:32rpx;color:#333333;padding:12rpx 12rpx 24rpx 32rpx;">选择购买的会员产品</view> |
|
|
|
<scroll-view class="bg-white" scroll-x="{{true}}" style="width: 750rpx;height: 300rpx;"> |
|
|
|
<view style="display:flex;align-items: center;width: 750rpx;"> |
|
|
|
<view style="min-width: 200rpx;margin-left: 32rpx;height: 270rpx;" wx:for="{{iconList}}" wx:key="index" data-index="{{index}}" bindtap="onGridTap"> |
|
|
|
<view class="{{item.id == divIndex? 'openVip22':'openVip21'}}" style="position: relative;"> |
|
|
|
<view style="padding:32rpx 0rpx 48rpx 0rpx;text-align: center"> |
|
|
|
<view class="text-cut" style="font-size:36rpx;color:#333333">{{item.days}}{{item.title}}</view> |
|
|
|
<view class="text-price" style="margin-top:18rpx;font-size:40rpx;color:#d0a45c">{{item.realPrice}}</view> |
|
|
|
<view style="margin-top:18rpx;font-size:24rpx;color:#999999;text-decoration:line-through">原价：￥{{item.bidPrice}}</view> |
|
|
|
<view style="height: 16rpx;"></view> |
|
|
|
<text style="background: #F2F1F4;border-radius: 8rpx;padding: 4rpx 8rpx;font-size: 20rpx;">每天仅需4.2元</text> |
|
|
|
</view> |
|
|
|
<image class="cu-checked" src="/assets/vip/vip-checked.png" wx:if="{{item.id == divIndex}}"></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="min-width: 32rpx;height: 270rpx;"> |
|
|
|
<text></text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</scroll-view> |
|
|
|
|
|
|
|
<view class="text-bold bg-white" style="font-size:32rpx;color:#333333;padding: 12rpx 12rpx 12rpx 32rpx;">会员特权</view> |
|
|
|
<wux-grids col="4" square bordered="{{ false }}"> |
|
|
|
<wux-grid hover-class="none"> |
|
|
|
<image style="height: 112rpx;width: 112rpx;margin-top: 18rpx;" src="/assets/vip/icon-vip1.png"></image> |
|
|
|
<view style="font-size: 26rpx;margin-top: 8rpx;">纸厂价格</view> |
|
|
|
</wux-grid> |
|
|
|
<wux-grid hover-class="none"> |
|
|
|
<image style="height: 112rpx;width: 112rpx;margin-top: 18rpx;" src="/assets/vip/icon-vip2.png"></image> |
|
|
|
<view style="font-size: 26rpx;margin-top: 8rpx;">扣点信息</view> |
|
|
|
</wux-grid> |
|
|
|
<wux-grid hover-class="none"> |
|
|
|
<image style="height: 112rpx;width: 112rpx;margin-top: 18rpx;" src="/assets/vip/icon-vip3.png"></image> |
|
|
|
<view style="font-size: 26rpx;margin-top: 8rpx;">车辆排队</view> |
|
|
|
</wux-grid> |
|
|
|
<wux-grid hover-class="none"> |
|
|
|
<image style="height: 112rpx;width: 112rpx;margin-top: 18rpx;" src="/assets/vip/icon-vip4.png"></image> |
|
|
|
<view style="font-size: 26rpx;margin-top: 8rpx;">收停快讯</view> |
|
|
|
</wux-grid> |
|
|
|
<wux-grid hover-class="none"> |
|
|
|
<image style="height: 112rpx;width: 112rpx;margin-top: 18rpx;" src="/assets/vip/icon-vip5.png"></image> |
|
|
|
<view style="font-size: 26rpx;margin-top: 8rpx;">我的浏览</view> |
|
|
|
</wux-grid> |
|
|
|
<wux-grid hover-class="none"> |
|
|
|
<image style="height: 112rpx;width: 112rpx;margin-top: 18rpx;" src="/assets/vip/icon-vip6.png"></image> |
|
|
|
<view style="font-size: 26rpx;margin-top: 8rpx;">权威分析</view> |
|
|
|
</wux-grid> |
|
|
|
<wux-grid hover-class="none"> |
|
|
|
<image style="height: 112rpx;width: 112rpx;margin-top: 18rpx;" src="/assets/vip/icon-vip7.png"></image> |
|
|
|
<view style="font-size: 26rpx;margin-top: 8rpx;">同城交流</view> |
|
|
|
</wux-grid> |
|
|
|
<wux-grid hover-class="none"> |
|
|
|
<image style="height: 112rpx;width: 112rpx;margin-top: 18rpx;" src="/assets/vip/icon-vip8.png"></image> |
|
|
|
<view style="font-size: 26rpx;margin-top: 8rpx;">行情分析</view> |
|
|
|
</wux-grid> |
|
|
|
</wux-grids> |
|
|
|
|
|
|
|
<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 class="bg-white" style="height:{{156 + safeBottom}}rpx;"></view> |
|
|
|
<view class="cu-bar foot-bg foot" style="height:{{120 + safeBottom}}rpx;padding: 32rpx 32rpx {{safeBottom + 32}}rpx 32rpx;" wx:if="{{iconList.length}}"> |
|
|
|
<button class="cu-btn bg-red round page-btn" bindtap="openVip">{{vipInfo.isVIP==1?'立即续费':'开通会员'}}</button> |
|
|
|
</view> |
|
|
|
|
|
|
|
<wux-dialog id="wux-dialog" /> |
xpz2018
4 years ago
