balance _center2.wxml 3.0 KB
<!--pages/my/balance _center/balance _center.wxml-->
<view class='banner_box'>
  <view class='banner_top'>
    <view class='iconfont icon-fanhui' catchtap='get_my'></view>
    <view class='hello'>你好,Rico
    </view>
    <view class='charge_code' catchtap="get_exchange">兑换码充值</view>
  </view>
  <view class='banner_middle'>
    <view class='banner_img'>
      <image src='http://hifresh.w.bronet.cn/assets/wxapp/coin@2x.png' mode='widthFix'></image>
    </view>
    <view class='my_balance'>
      <view class='balance'>我的余额</view>
      <view class='balance_num'>280.00元</view>
    </view>
  </view>
  <view class='banner_bottom'>
    <view class='{{state===1?"bottom_btn1":"bottom_btn"}}' bindtap='changeState1'>
      <view class='iconfont icon-chuxuyouli'></view>
      <view class='btn_character'>储值有礼</view>
    </view>
    <view class='{{state===2?"bottom_btn1":"bottom_btn"}}' bindtap='changeState2'>
      <view class='iconfont icon-zhangdanmingxi'></view>
      <view class='btn_character'>账单明细</view>
    </view>
  </view>
</view>
<block wx:if='{{state===1}}'>
        <view class='content_item'>
                <view class='content_title'>
                <view class='recharge_amount'>充值金额</view>
                <view class='amount_hint'>(储值金额暂不支持提现功能)</view>
                </view>
                <view class='species_box'>
                <view class='species1' wx:for="{{[1,2,3,4]}}" wx:key="">
                <view>100
                        <text>元</text> </view>
                <view class='species_content'>送20元红包+1月会员</view>
                </view>
                </view>
        </view>
        <view class='bottom_btn2'>使用微信充值</view>
        <view class='hint'>点击立即充值,表示您已经同意<text class='hint_font'>《充送活动协议》</text>          </view>
</block>
<block wx:if='{{state===2}}'>
        <view class='content_item'>
                <view class='item_list'>
                <view class='list_information'>
                <view>充值</view>
                <view>+60.2</view>
                </view>
                <view class='time'>2018/3/13 12:23:16</view>
                </view>
                <view class='item_list'>
                <view class='list_information'>
                <view>退款</view>
                <view>+28.6</view>
                </view>
                <view class='time'>2018/3/13 12:23:16</view>
                </view>
                <view class='item_list'>
                <view class='list_information'>
                <view>消费</view>
                <view>-60.6</view>
                </view>
                <view class='time'>2018/3/13 12:23:16</view>
                </view>
                <view class='item_list bottom'>
                <view class='list_information'>
                <view>会员卡返现</view>
                <view>+10.0</view>
                </view>
                <view class='time'>2018/3/13 12:23:16</view>
                </view>
        </view>
</block>