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.
65 lines
3.5 KiB
65 lines
3.5 KiB
<!--pages/ztbvip/index.wxml-->
|
|
<cu-custom bgColor="bg-white" isBack="{{true}}">
|
|
<view slot="content">积分中心</view>
|
|
</cu-custom>
|
|
|
|
<scroll-view scroll-y scroll-with-animation style="height: {{height}}rpx;" scroll-into-view="{{toViewId}}">
|
|
<view class="flex flex-center flex-column back-iet">
|
|
<view style="width:320rpx;height:320rpx;background-color:rgba(240, 240, 240, 0.3);border-radius:50%;padding:20rpx">
|
|
<view class="bg-white" style="width:100%;height:100%;border-radius:50%;padding:20rpx">
|
|
<view class="flex flex-center flex-column"
|
|
style="width:100%;height:100%;border-radius:50%;border: 2rpx solid #FFA524">
|
|
<text class="text-bold" style="color:#FFA524;font-size:30px">{{number}}</text>
|
|
<view style="width:150rpx;border-top: 4rpx dashed #FFA524;margin-top:10rpx"></view>
|
|
<text class="text-df" style="color:#FFA524;margin-top:10rpx">当前积分</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<text class="text-df text-black" style="margin-top:24rpx" bindtap="toBottom">积分可兑换会员，立即前往>></text>
|
|
</view>
|
|
|
|
<view style="padding:0rpx 30rpx;" wx:if="{{taskList}}">
|
|
<view class="text-black text-xl text-bold" style="padding:30rpx 0rpx;border-bottom:2rpx solid #eee">做任务赚积分</view>
|
|
<view class="flex flex-justify" wx:for="{{taskList}}" wx:key="index" style="margin-top:24rpx;">
|
|
<view class="flex flex-center">
|
|
<wux-image width="{{80}}" height="{{80}}" nuit="{{'rpx'}}" lazyLoad="true" src="{{item.iconUrl}}" mode="aspectFill">
|
|
<image style="width:80rpx;height:80rpx" slot="loading" src="/assets/image/def_image.png"></image>
|
|
<image style="width:80rpx;height:80rpx" slot="error" src="/assets/image/def_image.png"></image>
|
|
</wux-image>
|
|
<view style="margin-left:24rpx;">
|
|
<view class="text-black text-sg text-bold">{{item.eventName}}</view>
|
|
<view class="flex">
|
|
<text class="text-sm text-gray">完成后可获得</text>
|
|
<text class="text-sm" style="color:#FFA524;margin-left:10rpx">{{ item.point }}积分</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<wux-button outline type="energized" size="sale" data-index="{{index}}" bind:click="lookTask"
|
|
disabled="{{!item.enable}}" wx:if="{{item.linkUrlJson && item.linkUrlJson.redirectInfo}}">去赚积分</wux-button>
|
|
</view>
|
|
</view>
|
|
|
|
<view style="padding:0rpx 30rpx;" id="exchangeId" wx:if="{{pointList}}">
|
|
<view class="text-black text-xl text-bold" style="padding:30rpx 0rpx;border-bottom:2rpx solid #eee;margin-bottom:20rpx">积分兑换</view>
|
|
<wux-grids col="2" bordered="{{ false }}">
|
|
<wux-grid wx:for="{{pointList}}" wx:key="index" hover-class="none">
|
|
<view class="good-bg" style="margin-left: {{ index % 2 == 1 ? 16 : -8}}rpx">
|
|
<wux-image width="{{326}}" height="{{250}}" nuit="{{'rpx'}}" lazyLoad="true" src="{{item.imageUrl}}"
|
|
mode="aspectFill">
|
|
<image style="width:326rpx;height:250rpx" slot="loading" src="/assets/image/def_image.png"></image>
|
|
<image style="width:326rpx;height:250rpx" slot="error" src="/assets/image/def_image.png"></image>
|
|
</wux-image>
|
|
<view class="text-black text-df" style="text-align: left;padding-left:20rpx;margin-top:12rpx">{{item.name}}
|
|
</view>
|
|
<view class="text-df" style="text-align: left;padding-left:20rpx;color:#FF442A">{{item.price}}积分</view>
|
|
</view>
|
|
<view style="padding:8rpx 12rpx;margin-left: {{ index % 2 == 1 ? 16 : -8}}rpx">
|
|
<wux-button block type="energized" size="sale" data-index="{{index}}" bind:click="exchangePoint">立即兑换
|
|
</wux-button>
|
|
</view>
|
|
</wux-grid>
|
|
</wux-grids>
|
|
</view>
|
|
</scroll-view>
|
|
|
|
<wux-dialog id="wux-dialog" />
|