<!--pages/mine/mine.wxml-->
<!-- 顶部 -->
<view class="top-area">
  <image src="../../static/component_images/wave.png" class="wave"></image>
  <!-- 胶囊按钮区 -->
  <view style="height: {{statusBarCont.CustomBar-statusBarCont.StatusBar}}px; width: 100%;margin-top: {{statusBarCont.StatusBar}}px; padding-left: 40rpx; line-height: {{statusBarCont.CustomBar-statusBarCont.StatusBar}}px">基本信息</view>
  <!-- 头像&名字 -->
   <view class="avator-area">
    <view class="avator" wx:if="{{userInfo.avatar}}" ><image src="{{userInfo.avatar}}" bindtap="preview" data-src="{{userInfo.avatar}}"></image></view>
    <view class="avator" wx:else   ><image src="../../static/comment/avator_no.png"></image></view>
    <view class="name" wx:if="{{userInfo.username}}"><text>{{userInfo.username}}</text>
    <text class="type">{{type==1?'常客':'访客'}}</text>
    </view>
    <view class="name-no" wx:if="{{!userInfo}}" ><text>{{international.login_tip[language]}}</text></view>
  </view>
  <!-- 手机&身份证号 -->
  <view class="msg-area" wx:if="{{userInfo}}">
    <view wx:if="{{userInfo.hidePhone}}">
      <text>{{international.Phone[language]}}</text>
      <text>{{userInfo.hidePhone}}</text>
    </view>
    <view wx:if="{{userInfo.hideIdNumber}}">
      <text>{{international.idNumber[language]}}</text>
      <text>{{userInfo.hideIdNumber}}</text>
    </view>
    <view wx:if="{{userInfo.cardIdEx}}">
      <text>{{international.Card_number[language]}}</text>
      <text>{{userInfo.cardIdEx}}</text>
    </view>
  </view>
  <view class="msg-area crosswise" wx:else>
    <button bindtap="goCertification" data-type="{{1}}">{{international.visitor[language]}}</button>
    <button bindtap="goCertification" data-type="{{2}}">{{international.employee[language]}}</button>
  </view>
</view> 
<!-- 下部 -->
<view class="bottom-area">
  <!-- 标题 -->
  <view class="title">我的功能</view>
  <!-- 功能区 -->
  <view class="component-area">
    <view class="component" wx:for="{{component_list}}"  data-id="{{item.id}}" wx:key="id" bindtap="goto">
      <image src="{{item.icon}}"></image>
      <text>{{language=='ch'?item.name_ch:item.name_en}}</text>
    </view>
  </view>
</view>
