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.
107 lines
6.9 KiB
107 lines
6.9 KiB
<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="/assets/vip/vip-top-bg.png"></image>
|
|
<image style="position: absolute;top: 32rpx;left: 32rpx;width: 686rpx;height: 386rpx;" src="/assets/vip/vip-nibg.png" wx:if="{{vipInfo.isVIP==1}}"></image>
|
|
<image style="position: absolute;top: 32rpx;left: 32rpx;width: 686rpx;height: 386rpx;" src="/assets/vip/vip-unbg.png" 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;" wx:if="{{iconList.length}}">
|
|
<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 8rpx 32rpx;" wx:if="{{iconList.length}}">选择购买的会员产品</view>
|
|
<scroll-view class="bg-white" scroll-x="{{true}}" style="width: 750rpx;height: 320rpx;" wx:if="{{iconList.length}}">
|
|
<view style="display:flex;align-items: center;width: 750rpx;">
|
|
<view style="min-width: 208rpx;margin-left: 32rpx;height: 280rpx;" 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:24rpx 0rpx;text-align: center">
|
|
<view class="text-cut text-bold" style="font-size:36rpx;color:#333333;height: 60rpx;">{{item.title}}</view>
|
|
<view class="text-price text-bold text-center" style="height: 72rpx;font-size:50rpx;color:#F5222D">{{item.realPrice}}</view>
|
|
<view style="height:40rpx;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: 8rpx 16rpx;font-size: 20rpx;color: #888888;">{{item.description}}</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: 12rpx 4rpx 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 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" />
|
|
<wux-popup wux-class="wux-landscape" wux-content-class="wux-landscape__popup" wux-body-class="wux-landscape__popup-body"
|
|
hasHeader="{{ false }}" hasFooter="{{ false }}" visible="{{ visible }}" mask="{{ true }}" bind:close="onClose">
|
|
<view class="wux-close" bindtap="onClose">
|
|
<text class="cuIcon-roundclose text-white" style="font-size:64rpx"></text>
|
|
</view>
|
|
<view class="wux-landscape__inner">
|
|
<wux-image width="{{654}}" height="{{680}}" nuit="{{'rpx'}}" bind:click="onImageClick" src="/assets/popup/payment-success.png" mode="aspectFit">
|
|
<view class="flex flex-center" slot="loading" style="height:654rpx;width:680rpx">
|
|
<text class="icon--refresher"></text>
|
|
</view>
|
|
</wux-image>
|
|
</view>
|
|
</wux-popup>
|