karamay_wx/pages/user/index.wxml

<!--index.wxml-->
<scroll-view class="scrollarea" scroll-y type="list">
  <view class="user-container">
    <view class="userinfo">
      <block wx:if="{{canIUseNicknameComp}}">
        <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
          <image class="avatar" src="{{userInfo.avatarUrl}}"></image>
        </button>
        <view class="nickname-wrapper" wx:if="{{userInfo.nickName}}">
          <input type="nickname" class="nickname-input" placeholder="{{userInfo.nickName || '请登录'}}" bind:change="onInputChange" />
        </view>
        <view class="login-in" wx:else bindtap="startLogin">
          请登录
        </view>
      </block>
      <!-- <block wx:elif="{{!hasUserInfo}}">
        <button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile"> 获取头像昵称 </button>
      </block> -->
      <block wx:else>
        <image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image>
        <text class="userinfo-nickname">{{userInfo.nickName}}</text>
      </block>
    </view>
    <view class="user-title">
      我的预约
    </view>
    <view class="user-zhanwei">
      <image class="zhanwei-img" src="https://sit-kelamayi.4dage.com/mini/wxImg/img_03.png"></image>
    </view>
    <!-- 功能按钮区域 -->
    <view class="function-section">
      <view class="main-buttons">
        <view class="btn-reserve {{!isLoggedIn ? 'btn-disabled' : ''}}" bindtap="startPreview">我的预约</view>
        <view class="btn-people {{!isLoggedIn ? 'btn-disabled' : ''}}" bindtap="goToUserList">我的参观人</view>
      </view>
      
      <view class="secondary-buttons">
        <view class="btn-feed {{!isLoggedIn ? 'btn-disabled' : ''}}" bindtap="goToFeedback">意见反馈</view>
        <view class="btn-out" bindtap="logout">退出登录</view>
      </view>
    </view>
  </view>
</scroll-view>