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.
191 lines
8.5 KiB
191 lines
8.5 KiB
<!-- cloud_background.png -->
|
|
<view style="background: #fafafa;">
|
|
<view class="header">
|
|
<view class="centre">
|
|
<image src="/images/me/cloud_background.png" mode="widthFix"></image>
|
|
<text>{{detail.availableCurrency || 0}}</text>
|
|
<text>可用云币</text>
|
|
</view>
|
|
<view class="cloud_num">
|
|
<text>正式云币: {{detail.officialCurrency}}</text>
|
|
<text>临时云币: {{detail.temporarylCurrency}}</text>
|
|
</view>
|
|
<navigator url="./rule/rule" hover-class="none" class="rule">
|
|
<text>使用规则</text>
|
|
<image src="/images/me/rule_more.png"></image>
|
|
</navigator>
|
|
</view>
|
|
<view class="container">
|
|
<view class="middle">
|
|
<view class="{{ cloud_tag_idx == index ? 'cloud_active' : '' }}" data-idx="{{ index }}" bindtap="cloud_tag_fn" wx:for='{{cloud_tag_list}}' wx:key='index'>
|
|
<image src="{{ cloud_tag_idx == index ? item.selectImageUrl : item.imageUrl }}"></image>
|
|
<text class="{{ cloud_tag_idx == index ? 'dark_thick' : '' }}">{{item.name}}</text>
|
|
</view>
|
|
</view>
|
|
<!-- 当用户选择邀请好友tap时 footer的阴影部分则需要去掉 -->
|
|
<view class="footer" wx:if='{{ cloud_tag_idx != 1 }}' style="box-shadow: {{ cloud_tag_idx == 3 ? 'none': '' }}">
|
|
<block wx:if='{{ cloud_tag_idx == 0 }}'>
|
|
<view class="cloud_recharge">
|
|
<!-- <text>请选择充值金额</text> -->
|
|
<view class="prompt">
|
|
<image src="/images/common/red_tis.png"></image>
|
|
<view class="prompt_text">{{cloud_recharge_list.name}}</view>
|
|
</view>
|
|
<view class="recharge_grid">
|
|
<block wx:for="{{ cloud_recharge_list.introOutputs }}" wx:key='index'>
|
|
<view class="grid {{ recharge_grid_idx == index ? 'active_grid' : '' }}" bindtap="recharge_grid" data-idx="{{ index }}" wx:if="{{item.price!=0}}">
|
|
<text>{{ item.price }}</text>
|
|
<text>{{ item.productName }}</text>
|
|
<view class="giving" wx:if="{{recharge_grid_idx==index}}">赠送{{item.sendValue}}云币</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
|
|
<view>
|
|
<text>充值金额：</text>
|
|
<text style="color: #3476FE">{{ cloud_recharge_list.introOutputs[recharge_grid_idx].price }}元</text>
|
|
</view>
|
|
|
|
<view style="margin-top: 12rpx">
|
|
<text>充值云币：</text>
|
|
<text style="color: #3476FE">{{ cloud_recharge_list.introOutputs[recharge_grid_idx].description }}</text>
|
|
</view>
|
|
|
|
<view class="recharge" bindtap="wxpay">
|
|
<text>立即充值</text>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
|
|
|
|
|
|
<!-- 云币账单 -->
|
|
<block wx:if='{{cloud_tag_idx ==2 }}'>
|
|
<view class="bill_type">
|
|
<text wx:for="{{bill_type_list}}" wx:key='index' data-idx="{{index}}" bindtap="bill_type_fn" class="{{ index == bill_type_idx ? 'active' : '' }}">{{item}}</text>
|
|
</view>
|
|
<view class="bill_record" style="height: calc( 100vh - 680rpx )">
|
|
<list bindonRefresh='onRefresh' bindonScrolltolower='onScrolltolower' refresh='{{ refresh }}' load='{{ load }}' page_size='{{ pageSize }}' triggered='{{ triggered }}' list='{{ currency_list }}' list_total='{{list_total}}'>
|
|
<block wx:if='{{ currency_list.length }}'>
|
|
<view class="bill_record_item" wx:for="{{currency_list}}" wx:key='index'>
|
|
<view class="month_time dark">
|
|
<text>{{item.month}}</text>
|
|
</view>
|
|
<block wx:for="{{item.list}}" wx:key='index' wx:for-item='ltem'>
|
|
<view data-item="{{ltem}}" bindtap='{{ ltem.operatingType == 2 ? "go_detail" : "" }}'>
|
|
<view class="headline">
|
|
<text>{{ ltem.title }}</text>
|
|
<text style="color:{{ ltem.operatingType == 2 ? 'red': '' }}">{{ltem.scoreDescription}}</text>
|
|
</view>
|
|
<view class="time">
|
|
<text>{{ltem.createdTime}}</text>
|
|
<view wx:if='{{ ltem.operatingType == 2 }}' class="go_detail">
|
|
<text>查看详情</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</block>
|
|
<block wx:if="{{ currency_list.length == 0 && bill_type_idx == 2}}">
|
|
<view class="no_data">
|
|
<image src="/images/me/null.png"></image>
|
|
<text>暂无云币支出记录~</text>
|
|
</view>
|
|
</block>
|
|
</list>
|
|
</view>
|
|
</block>
|
|
<!-- 邀请好友 -->
|
|
<block wx:if='{{ cloud_tag_idx == 3 }}'>
|
|
<view class="invite">
|
|
<view class="invite_item">
|
|
<view class="invite_item_title">
|
|
<text>方法一</text>
|
|
</view>
|
|
<view class="invite_item_clause">
|
|
<text>1、点击下方【分享】按钮</text>
|
|
<text>2、分享小程序到微信好友、微信群</text>
|
|
<text>3、好友点击分享链接，首次成功登录云车二手 您即可获得<text class="red">10云币</text>奖励</text>
|
|
</view>
|
|
<view class="invite_share">
|
|
<button open-type="share">分享</button>
|
|
</view>
|
|
</view>
|
|
<!-- 方法二 -->
|
|
<view class="invite_item">
|
|
<view class="invite_item_title">
|
|
<text>方法二</text>
|
|
</view>
|
|
<view class="invite_item_clause">
|
|
<text>1、点击下方【生成个人海报】按钮</text>
|
|
<text>2、长按保存图片</text>
|
|
<text>3、分享海报图片到微信群、朋友圈</text>
|
|
<text>4、好友扫码首次登录云车二手平台您将获得<text class="red">10云币</text>奖励</text>
|
|
</view>
|
|
<view class="invite_share">
|
|
<button bindtap="create_image">生成个人海报</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
<!-- 分享图片 -->
|
|
<block wx:if='{{ paintPallette }}'>
|
|
<painter palette="{{paintPallette}}" bind:imgOK="onImgOK" bind:touchEnd="touchEnd" />
|
|
</block>
|
|
<view class="image_mask" mode='heightFix' wx:if='{{imagePath}}' catchtap="image_mask_fn">
|
|
<image bindload='image_load' catchtap="no_bubble" catchlongpress="save_image" src="{{imagePath}}" />
|
|
<text>长按上方图片保存</text>
|
|
</view>
|
|
</view>
|
|
<!-- 优惠卡 -->
|
|
<block wx:if='{{cloud_tag_idx == 1}}'>
|
|
<view class="vip_card" style="border: none;border-radius: 0;">
|
|
<!-- 1 -->
|
|
<view class="vip_card_item" style="background: #46b0ea;" bindtap="buy_vip_card" data-idx="0">
|
|
<view class="vip_card_item_left">
|
|
<view> {{cardintro_list[0].cardName}}</view>
|
|
<view> {{cardintro_list[0].agingDesc}}</view>
|
|
<view> {{cardintro_list[0].description}}</view>
|
|
<view> {{cardintro_list[0].sendDesc}}</view>
|
|
</view>
|
|
<view class="vip_card_item_right">
|
|
￥{{cardintro_list[0].cardValue}}
|
|
</view>
|
|
</view>
|
|
<!-- 2 -->
|
|
<view class="vip_card_item" style="background: #2f95e8;" bindtap="buy_vip_card" data-idx="1">
|
|
<view class="vip_card_item_left">
|
|
<view> {{cardintro_list[1].cardName}}</view>
|
|
<view> {{cardintro_list[1].agingDesc}}</view>
|
|
<view> {{cardintro_list[1].description}}</view>
|
|
<view> {{cardintro_list[1].sendDesc}}</view>
|
|
</view>
|
|
<view class="vip_card_item_right">
|
|
￥{{cardintro_list[1].cardValue}}
|
|
</view>
|
|
</view>
|
|
<!-- 3 -->
|
|
<view class="vip_card_item" style="background: #1a7aea;" bindtap="buy_vip_card" data-idx="2">
|
|
<view class="vip_card_item_left">
|
|
<view> {{cardintro_list[2].cardName}}</view>
|
|
<view> {{cardintro_list[2].agingDesc}}</view>
|
|
<view> {{cardintro_list[2].description}}</view>
|
|
<view> {{cardintro_list[2].sendDesc}}</view>
|
|
</view>
|
|
<view class="vip_card_item_right">
|
|
￥{{cardintro_list[2].cardValue}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
<!-- 确认买vip -->
|
|
<block wx:if='{{ is_show_modal }}'>
|
|
<modal bindconfirm_fn='confirm_fn' bindcancel_fn='hide_modal'>
|
|
<view>
|
|
<text>确认购买吗</text>
|
|
</view>
|
|
</modal>
|
|
</block>
|
|
</view>
|
|
</view>
|