5zu-sbook/pages/settings/settings.wxml

<!--pages/settings/settings.wxml-->
<view class="container">
  <view class="header">
    <text class="title">设置</text>
  </view>

  <view class="form-section">
    <view class="form-item">
      <text class="label">用户名</text>
      <input 
        class="input" 
        type="text" 
        value="{{userInfo.username}}" 
        disabled
        placeholder="用户名不可修改"
      />
      <text class="hint">用户名不可修改</text>
    </view>

    <view class="form-item">
      <text class="label">昵称</text>
      <input 
        class="input" 
        type="text" 
        value="{{userInfo.nickname || ''}}" 
        placeholder="请输入昵称"
        bindinput="onNicknameInput"
        maxlength="20"
      />
    </view>

    <view class="form-item">
      <text class="label">头像URL</text>
      <input 
        class="input" 
        type="text" 
        value="{{userInfo.avatarUrl || ''}}" 
        placeholder="请输入头像URL"
        bindinput="onAvatarUrlInput"
      />
    </view>
  </view>

  <view class="button-section">
    <button class="save-btn" bindtap="saveUserInfo" loading="{{saving}}">保存</button>
  </view>
</view>