<view class="m-component-user">
    <view bindtap="hideMode" class="m-user-avatar text-center">
        <image class="avatarPic" src="{{userImage}}"></image>
        <view class="user_btn">
            <text class="user_btna">{{nickName}}</text>
            <text class="user_btna">{{sex}}</text>
        </view>
    </view>
    <view class="head_list">
        <view class="m-user-list">
            <view class="m-user-listText">
                <text class="m-user-listSpan">充值:</text>
                <text class="m-user-listSpan"> {{money}}元</text>
            </view>
            <view class="m-user-listText">
                <text class="m-user-listSpan">补助:</text>
                <text class="m-user-listSpan"> {{freeMoney}}元</text>
            </view>
        </view>
    </view>
    <view class="person-list">
        <view bindtap="pay" class="list-item">
            <image class="item-image" src="../../images/payInfo.png"></image>
            <text class="item-text">充值界面</text>
        </view>
        <view class="person-line"></view>
        <view bindtap="payInfo" class="list-item">
            <image class="item-image" src="../../images/money.png"></image>
            <text class="item-text">充值明细</text>
        </view>
        <view class="person-line"></view>
        <view bindtap="consume" class="list-item">
            <image class="item-image" src="../../images/consume.png"></image>
            <text class="item-text">我的消费</text>
        </view>
    </view>
    <view class="head_list"></view>
    <view class="person-list">
        <view bindtap="maintain" class="list-item">
            <image class="item-image" src="../../images/maintain.png"></image>
            <text class="item-text">维护上传</text>
        </view>
        <view class="person-line"></view>
        <view bindtap="info" class="list-item">
            <image class="item-image" src="../../images/info.png"></image>
            <text class="item-text">使用说明</text>
        </view>
        <view class="person-line"></view>
    </view>
</view>
