ht80/sheji(1)/pages/personal-info/personal-info.wxml

<view wx:if="{{isLogin}}" class="container">
  <!-- 用户头像和信息卡片 -->
  <view class="user-card">
    <image class="avatar" src="{{userInfo.avatarUrl || '/images/头像.png'}}"></image>
    <view class="user-meta">
      <text class="nickname">{{userInfo.nickName || '未设置昵称'}}</text>
      <text class="user-id">ID: {{userInfo.id || '000000'}}</text>
    </view>
  </view>

  <!-- 个人信息表格 -->
  <view class="info-table">
    <view class="table-header">
      <text class="header-text">个人信息</text>
    </view>
    
    <!-- 不可编辑的手机号 -->
    <view class="table-row">
      <text class="row-label">手机号码</text>
      <text class="row-value">{{phone || '未绑定'}}</text>
    </view>
    
    <!-- 可编辑的邮箱 -->
    <view class="table-row" bindtap="editField" data-field="email">
      <text class="row-label">电子邮箱</text>
      <view class="row-value-edit">
        <text>{{email || '点击设置邮箱'}}</text>
        <text class="iconfont icon-xiangyoudejiantou edit-icon"></text>
      </view>
    </view>
    
    <!-- 可编辑的爱好 -->
    <view class="table-row" bindtap="editField" data-field="hobby">
      <text class="row-label">我的爱好</text>
      <view class="row-value-edit">
        <text>{{hobby || '点击设置爱好'}}</text>
        <text class="iconfont icon-xiangyoudejiantou edit-icon"></text>
      </view>
    </view>
    
    <!-- 可编辑的个性签名 -->
    <view class="table-row" bindtap="editField" data-field="signature">
      <text class="row-label">个性签名</text>
      <view class="row-value-edit">
        <text>{{signature || '点击设置签名'}}</text>
        <text class="iconfont icon-xiangyoudejiantou edit-icon"></text>
      </view>
    </view>
    
    <!-- 不可编辑的账号状态 -->
    <view class="table-row">
      <text class="row-label">账号状态</text>
      <text class="row-value status-active">正常</text>
    </view>
    
    <!-- 不可编辑的注册时间 -->
    <view class="table-row last-row">
      <text class="row-label">注册时间</text>
      <text class="row-value">{{registerTime || '未知'}}</text>
    </view>
  </view>

  <button class="logout-btn" bindtap="logout">退出登录</button>
</view>

<!-- 编辑弹窗 -->
<view wx:if="{{showEditDialog}}" class="edit-dialog-mask">
  <view class="edit-dialog">
    <view class="edit-header">
      <text>编辑{{editFieldLabel}}</text>
      <text class="iconfont icon-guanbi close-icon" bindtap="closeEditDialog"></text>
    </view>
    <view class="edit-body">
      <textarea 
        wx:if="{{editField === 'signature'}}" 
        class="edit-input" 
        value="{{editValue}}" 
        placeholder="请输入{{editFieldLabel}}" 
        maxlength="50"
        auto-height
        bindinput="onEditInput"
      />
      <input 
        wx:else
        class="edit-input" 
        value="{{editValue}}" 
        type="{{editField === 'email' ? 'email' : 'text'}}"
        placeholder="请输入{{editFieldLabel}}" 
        bindinput="onEditInput"
      />
    </view>
    <view class="edit-footer">
      <button class="edit-btn cancel" bindtap="closeEditDialog">取消</button>
      <button class="edit-btn confirm" bindtap="confirmEdit">保存</button>
    </view>
  </view>
</view>