wxappb2b/GuangZuan/miniprogram/pages/mine/index.wxml

<view class="container">
  <!-- 我的顶部视图 -->
  <view class="minetop" style="background-image: url('{{ imgUrl }}mine-bg.png'); background-size: 100% 100%; width: 100%; ">
    <text style="color: #000; font-size: 36rpx; height: {{ navHeight }}px; padding-top: {{ statusBarHeight }}px; align-content: center; align-items: center; display: flex; flex-direction: row;">我的</text>
    <view class="user-info" style="padding-top: 30px;">
      <van-image src="{{ avatarUrl }}" use-loading-slot round width="50" height="50" bind:click="getUserInfo" />
      <view class="userinfo">
        <view class="userinfo-vip">
          <text>{{ isOpenEye ? nickName : '******' }}</text>
          <text style="color: #AAAAAA;">资金账户</text>
        </view>
        <view class="userinfo-account">
          <text>{{ isOpenEye ? loginid : '******' }}</text>
          <text>{{ isOpenEye ? ta.accountid : '******' }}</text>
        </view>
      </view>
      <!-- 闭眼 -->
      <van-icon id="eye" name="{{ isOpenEye ? 'eye-o' : 'closed-eye'}}" size="20" bind:click="onEye"/>
    </view>
    <view class="taaccount-info">
      <view class="item">
        <text>余额</text>
        <text>{{ isOpenEye ? balance : '******'}}</text>
      </view>
      <view class="item">
        <text>冻结</text>
        <text>{{ isOpenEye ? freezemargin : '******' }}</text>
      </view>
      <view class="item">
        <text>可用</text>
        <text>{{ isOpenEye ? currentbalance : '******' }}</text>
      </view>
    </view>
    <!-- 出金 入金 -->
    <view class="button-view">
      <van-button custom-class="into-gold" round id="into-gold" color="#407DB8" bind:click="onButtonPressed">充值</van-button>
      <van-button custom-class="out-gold" round id="out-gold" color="#F55656" bind:click="onButtonPressed">提现</van-button>
    </view>
  </view>

  <view style="background-color: #f0f0f0; height: 10px;" />

  <!-- 功能菜单项 -->
  <van-grid column-num="5" wx:if="{{ menulists.count != 0 }}">
    <van-grid-item wx:for="{{ menulists }}" wx:key="id" wx:for-index="idx" wx:for-item="itm" id="{{ itm.id }}" link-type="navigateTo" url="{{ itm.path }}">
      <van-image slot="icon" width="25" height="25" fit="cover" lazy-load src="{{ imgUrl+itm.img }}.png" />
      <text slot="text" style="font-size: 14px;">{{ itm.title }}</text>
    </van-grid-item>
  </van-grid>

  <view style="background-color: #f0f0f0; height: 10px;" />

  <!-- 列表菜单项 -->
  <van-cell-group>
    <van-cell clickable title-class="cell-title" size="large" center is-link border wx:for="{{ tablelists }}" clickable wx:key="id" wx:for-index="idx" wx:for-item="itm" id="{{ itm.id }}" title="{{ itm.title }}" link-type="navigateTo" url="{{ itm.path }}">
      <van-image slot="icon" width="25" height="25" src="{{ imgUrl+itm.iconfont }}.png" />
    </van-cell>
  </van-cell-group>

  <!-- 登出按钮  -->
  <view class="loginOut-view" style="padding-bottom: 60px;">
    <van-button custom-class="loginOut" size="large" round bindtap="onLoginOut">退出登录</van-button>
  </view>
</view>

<!-- 对话弹框  -->
<van-dialog id="van-dialog" />
<!-- toast --> 
<van-toast id="van-toast" />