510_laomengkuang_wxsmall_customer/laomenkuang_project/pages/personalCenter/personalCenter.wxml

<!--pages/personalCenter/personalCenter.wxml-->
<view class="all">
  <image class="centerBg" src="../images/peopleCenter.jpg"></image>
  <view class="userMess">
    <!-- <image class="userCircle" src="../images/userCircle.png"></image> -->
    
    <view class="userAll">
      <view class="userLeft">
        <view wx:if="{{!noUser}}" class="userHeader" bindtap="getToRsgisterFn">
          <view class="radius">
            <image class="userImg" src="{{headerImg}}"></image>
          </view>
        </view>
        <button wx:if="{{noUser}}" class="userHeaderBtn" open-type="getUserInfo" bindgetuserinfo="getUser">
          <image class="userImg" src="{{headerImg}}"></image>
        </button>
        <image wx:if="{{!getUser}}" bindtap="getToRsgisterFn" class="getToRsgister" src="../images/getHeader.png"></image>
      </view>
      <view class="userDetails">
        <view wx:if="{{getUser}}" class="userName">{{userName}}</view>
        <button wx:if="{{noUser}}" class="noUserBtn" open-type="getUserInfo" bindgetuserinfo="getUser">
          <image class="getHeader" src="../images/getHeader.png"></image>
        </button>
        <view wx:if="{{getUser}}" class="userPhone">{{userPhone}}</view>
      </view>
      <image wx:if="{{getUser}}" class="userCode" src="../images/userCode.png" bindtap="showFn"></image>
    </view>

    <view class="gradeAll">
      <view class="crown-grade">
        <image src="../images/crown.png"></image>
        <view class="grade">{{getUserArr.user_level}}</view>
      </view>
      <view class="word" style="margin:0 66rpx 0 17rpx">砖石会员</view>
      <view>
       <text class="word">成长值</text>
       <text class="score">{{getUserArr.user_point_year}}/{{getUserArr.next_level_point_hold}}</text>
       </view>
    </view>

    <view class="myTicketAll">
      <view class="myTicketTop" bindtap="lookMyTicket" data-index = "1">
        <image class="ticketIcon" src="../images/ticketIcon1.png"></image>
        <view class="myTicket">代金券</view>
        <text class="howMany">{{myTicketArr.coupon_cash}}</text>
        <image class="ticketArrows" src="../images/arrowsRig.png"></image>
      </view>

      <view class="myTicketTop" style="margin:93rpx 0" bindtap="lookMyTicket" data-index = "2">
        <image class="historyIcon" src="../images/ticketIcon2.png"></image>
        <view class="myTicket">菜品券</view>
        <text class="howMany">{{myTicketArr.coupon_dish}}</text>
        <image class="ticketArrows" src="../images/arrowsRig.png"></image>
      </view>

      <view class="service" style="margin:93rpx 0">
        <image class="serviceIcon" src="../images/ticketIcon3.png"></image>
        <view class="serviceWord">联系客服</view>
        <image class="ticketArrows" src="../images/arrowsRig.png"></image>
      </view>
    </view>

    <view class="scoreAll" bindtap="skipScore">
      <view class="score-left">
        <image src="../images/scoreIcon.png"></image>
        <text>积分</text>
      </view>
      <view class="line"></view>
      <view class="scoreNum">{{getUserArr.user_point_all-getUserArr.user_point_use}}</view>
      <image class="ticketArrows" src="../images/arrowsRig.png"></image>
    </view>

    <view wx:if="{{showCode}}" class="maskCode">
      <view class="maskAll">
        <image class="whiteBg" src="../images/whiteBg.png"></image>
        <view class="maskContTop">
          <view wx:if="{{!noUser}}" class="userHeader">
            <view class="radius">
              <image class="userImg" src="{{headerImg}}"></image>
            </view>
          </view>
          <view class="userDetails" style="margin-left:33rpx">
            <view wx:if="{{getUser}}" class="userName" style="color:#333333">{{userName}}</view>
            <view wx:if="{{getUser}}" class="userPhone" style="color:#333333">{{userPhone}}</view>
          </view>
          <image bindtap="hiddenCode" class="dele" src="../images/dele.png"></image>
        </view>
        <view class="codeView">
          <image src="{{codeUrl}}"></image>
        </view>
      </view>
    </view>
  </view>
</view>