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.
96 lines
6.3 KiB
96 lines
6.3 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>
|
|
|
|
<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" style="font-size:12px" catchtap="toAuthor">
|
|
<view class="text-cut text-xl" style="color: {{vipInfo.isVIP==1 ? '#7E561C' : 'white'}};">{{userName || '未登录'}}</view>
|
|
<view class="flex flex-justify" wx:if="{{userInfo}}">
|
|
<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>
|
|
<view style="color: {{vipInfo.isVIP==1 ? '#7E561C' : 'white'}};margin-top: 12rpx;" wx:if="{{userInfo}}">{{userInfo.mobile}}</view>
|
|
<view class="text-sm text-white" style="margin-top: 12rpx" wx:else>登录解锁会员权益</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: #7E5621;" wx:if="{{vipInfo.isVIP==1}}">到期时间：{{vipInfo.memberExpiredAt}}</text>
|
|
<text class="text-white" wx:else>开通会员立享8项特权</text>
|
|
<button class="cu-btn bg-red round shadow-blur vip-btn" bindtap="openVip" wx:if="{{vipInfo.isVIP==1}}">立即续费</button>
|
|
<button class="cu-btn bg-red round shadow-blur btn-login" bindtap="openVip" wx:else>开通会员</button>
|
|
</view>
|
|
</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: 208rpx;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;margin-top: 24rpx;">
|
|
<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 class="cu-tags" wx:if="{{item.sellStrategy === 'twoForOneAtFirstTime'}}">首月买一赠一</view>
|
|
</view>
|
|
|
|
</view>
|
|
<view style="min-width: 32rpx;height: 270rpx;"><text></text></view>
|
|
</view>
|
|
</scroll-view>
|
|
|
|
<view class="text-bold bg-white" style="font-size:32rpx;color:#333333;padding: 24rpx 12rpx 12rpx 24rpx;">会员特权</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 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" />
|