|
|
@ -11,27 +11,31 @@ |
|
|
<view class="header-box"> |
|
|
<view class="header-box"> |
|
|
<wux-image width="{{60}}" height="{{60}}" wux-class="image" shape="circle" src="{{avatarUrl}}" /> |
|
|
<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 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 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> |
|
|
<view style="color: #7E5621;margin-top: 12rpx;">{{userInfo.mobile}}</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> |
|
|
</view> |
|
|
<view class="flex flex-justify" style="font-size:28rpx;position: absolute;bottom: 60rpx;width: 100%;padding: 0rpx 64rpx;"> |
|
|
<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> |
|
|
|
|
|
|
|
|
<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> |
|
|
</view> |
|
|
|
|
|
|
|
|
<view class="text-bold bg-white" style="font-size:32rpx;color:#333333;padding:12rpx 12rpx 24rpx 32rpx;">选择购买的会员产品</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;"> |
|
|
<scroll-view class="bg-white" scroll-x="{{true}}" style="width: 750rpx;height: 300rpx;"> |
|
|
<view style="display:flex;align-items: center;width: 750rpx;"> |
|
|
<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="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 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-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 class="text-price" style="margin-top:18rpx;font-size:40rpx;color:#d0a45c">{{item.realPrice}}</view> |
|
|
@ -40,15 +44,15 @@ |
|
|
<text style="background: #F2F1F4;border-radius: 8rpx;padding: 4rpx 8rpx;font-size: 20rpx;">每天仅需4.2元</text> |
|
|
<text style="background: #F2F1F4;border-radius: 8rpx;padding: 4rpx 8rpx;font-size: 20rpx;">每天仅需4.2元</text> |
|
|
</view> |
|
|
</view> |
|
|
<image class="cu-checked" src="/assets/vip/vip-checked.png" wx:if="{{item.id == divIndex}}"></image> |
|
|
<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> |
|
|
</view> |
|
|
<view style="min-width: 32rpx;height: 270rpx;"> |
|
|
|
|
|
<text></text> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
<view style="min-width: 32rpx;height: 270rpx;"><text></text></view> |
|
|
</view> |
|
|
</view> |
|
|
</scroll-view> |
|
|
</scroll-view> |
|
|
|
|
|
|
|
|
<view class="text-bold bg-white" style="font-size:32rpx;color:#333333;padding: 12rpx 12rpx 12rpx 32rpx;">会员特权</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-grids col="4" square bordered="{{ false }}"> |
|
|
<wux-grid hover-class="none"> |
|
|
<wux-grid hover-class="none"> |
|
|
<image style="height: 112rpx;width: 112rpx;margin-top: 18rpx;" src="/assets/vip/icon-vip1.png"></image> |
|
|
<image style="height: 112rpx;width: 112rpx;margin-top: 18rpx;" src="/assets/vip/icon-vip1.png"></image> |
|
|
|