<!--pages/rechargeCard/rechargeCard.wxml 充值界面-->
|
<view class="container">
|
<!-- 顶部 Tabs -->
|
<view class="tabs">
|
<view class="tab" bindtap="switchTab" data-tab="0" id="tab0">
|
虚拟卡
|
<view class="indicator" wx:if="{{currentTab === 0}}"></view>
|
</view>
|
<view class="tab" bindtap="switchTab" data-tab="1" id="tab1">
|
水卡
|
<view class="indicator" wx:if="{{currentTab === 1}}"></view>
|
</view>
|
</view>
|
|
<!-- 虚拟卡 -->
|
<scroll-view class="list-container" wx:if="{{currentTab === 0}}" scroll-y="true" scroll-x="false" style="width: 713rpx; height: 465rpx; display: block; box-sizing: border-box">
|
<block wx:for="{{allCardPoints}}" wx:key="index">
|
<view class="{{item.state===1?'item':'item-gray'}}">
|
<view class="item-card">
|
<text>卡编号：</text>
|
<text>{{item.id}}</text>
|
<text wx:if="{{item.state==0}}" class="item-card-state">使用中</text>
|
</view>
|
<view class="item-bottom">
|
<image class="item-balance-img" src="/images/balance.svg" />
|
<view class="item-balance">
|
<text class="item-balance-text">{{item.balance}}</text>
|
<text class="item-balance-text-yuan">元</text>
|
</view>
|
<view class="button-view">
|
<text wx:if="{{item.state==1}}" class="ruinCard" >销卡</text>
|
<text wx:if="{{item.state==1}}" class="recharge">充值</text>
|
</view>
|
</view>
|
</view>
|
</block>
|
</scroll-view>
|
|
<!-- 水卡 -->
|
<view class="all-waterIntake" wx:else>
|
<view>
|
<scroll-view class="list-container" scroll-y="true" scroll-x="false">
|
<block wx:for="{{allWaterPoints}}" wx:key="index">
|
<view class="item">
|
<view class="item-left">
|
<image class="item-img" src="/images/pipeline.svg" /> -->
|
<text>{{item}}</text>
|
<image class="item-img" src="/images/wifi_no.svg" />
|
</view>
|
<text class="item-button" bind:tap="choseCard" data-item="{{item}}">选择</text>
|
</view>
|
</block>
|
</scroll-view>
|
</view>
|
</view>
|
</view>
|
