ssj_book/parents/pages/me/me.wxml

<!--parents/pages/me/me.wxml-->
<import src="../../../templates/footer/footer.wxml" />
<import src="../../../templates/loading/loading.wxml" /> 
<view class='container'>
  <template is='loading' wx:if='{{!isLoaded}}'></template> 
  <view class='wrapper' wx:else>
    <view class='header'>
       <view class='header-flex'>
        <view>
          <view class='section-text-black'wx:if='{{options.userInfo}}'>{{options.vip?options.vip.child_name:options.userInfo.nickName}}</view>
          <button class='section-text-login' wx:if='{{!options.userInfo}}' open-type="getUserInfo"  bindgetuserinfo="getUserInfoCtl">授权登陆</button>
          <view  data-url='parents/pages/library/library' data-zindex='3' bindtap='redirectTo'>
            <image class=''class='section-icon-address' src='../../../assets/position_black.png'></image>
            <text class='section-text-add'  wx:if='{{options.library}}'>{{options.library.league_name}}</text>
          </view>
        </view>
       </view>
      <view>
        <view class='header-images' bindtap='{{options.vipList.length>0?"toggleSelectVipCtl":""}}'>
          <image class='header-icon' src='../../../assets/qie_huan.png' wx:if='{{options.vipList.length>0&&options.userInfo}}'></image>
          <image class='header-nologin-icon' src='{{options.userInfo?options.userInfo.avatarUrl:"../../../assets/default_headicon.png"}}' style='border:{{options.userInfo?"10rpx solid #00B7FF":""}};'></image>
        </view>
      </view>
    </view>
    <view class="members-information" wx:if='{{options.vip&&options.userInfo}}'>
        <view class='information-flex'>
            <view class='section-text-members'>会员服务</view>
            <view class='section-text-card'wx:if='{{options.vip.detail}}'>{{options.vip.detail}}{{options.vip.species}}</view>
            <view class='section-text-card'wx:if='{{!options.vip.detail}}'>无服务</view>
        </view>
        <view class='information-two'>
            <view class='section-text-data'wx:if='{{options.vip.end_time}}'>{{options.vip.end_time}}到期</view>
            <image class=''class='section-queem_icon' wx:if='{{options.vip.end_time}}' src='../../../assets/queen.png'></image>
            <image class=''class='section-queem_icon' wx:if='{{!options.vip.end_time}}'src='../../../assets/queen-gary.png'></image>
        </view>
    </view>
    <view class='section'>
      <view class='section-list'>
        <view class='section-li' wx:for='{{routerTwo}}' wx:key='index' data-index='{{index}}' bindtap='selectRouteCtl'>
          <view>
            <image class='section-icon' src='{{item.icon}}'></image>
            <text class='section-text'>{{item.text}}</text>
          </view>
          <image class='section-arrow' src='../../../assets/arrow_gray.png'></image>
        </view>
        <view class='section-li' wx:if='{{roleList.length>1}}'>
            <view>
              <image class='section-icon' src='../../../assets/qie_huan_jue_se.png'></image>
              <text class='section-text'>身份切换</text>
            </view>
            <picker bindchange='pickerRoleCtl' value='{{0}}' range='{{roleList}}' class='li-picker'>
              <image class='section-arrow' src='../../../assets/arrow_gray.png'></image>
            </picker>
        </view>
      </view>
    </view>
    <view class='modal-container' wx:if='{{isShowVipModal}}' catchtouchmove='true' bindtap='toggleSelectVipCtl'>
      <view class='modal-wrapper'>
        <view class='modal-list'>
          <view class='modal-li' wx:for='{{vipList}}' wx:key='index' data-index='{{index}}' catchtap='selectVipCtl'>
            <view class='modal-row'>
              <image class='modal-image' src='{{item.img_url ? baseImgUrl + item.img_url : "../../../assets/default_headicon.png"}}'></image>
              <view class='modal-text'>{{item.child_name}}</view>
            </view>
            <image class='modal-icon' wx:if='{{index == options.vipIndex}}' src='../../../assets/true_blue.png'></image>
          </view>
          <view class='modal-text-addchild' bindtap='addchildPage'> + 添加孩子</view>
        </view>
      </view>
    </view>
  </view>
  <template is='footer' data='{{...footerData}}'></template> 
</view>