xiangqinxiaochengxu/miniprogram/pages/profile-edit/profile-edit.wxml

<view class="page form-page">
  <view class="form-card">
    <view class="avatar-section" bindtap="chooseAvatar">
      <image wx:if="{{avatarUrl}}" class="avatar-image" src="{{avatarUrl}}" mode="aspectFill" />
      <view wx:else class="avatar-image avatar-placeholder">点击上传</view>
      <view class="avatar-hint">点击更换头像</view>
    </view>

    <view class="form-item">
      <text class="label">资料图片</text>
      <view class="gallery-list">
        <image wx:for="{{profileImages}}" wx:key="*this" class="gallery-image" src="{{item}}" mode="aspectFill" />
        <view class="gallery-upload" bindtap="chooseProfileImages">+ 添加图片</view>
      </view>
    </view>

    <view class="form-item">
      <text class="label">昵称</text>
      <input class="input" value="{{form.nickname}}" data-field="nickname" bindinput="handleInput" placeholder="请输入昵称" />
    </view>

    <view class="form-item">
      <text class="label">真实姓名</text>
      <input class="input" value="{{form.real_name}}" data-field="real_name" bindinput="handleInput" placeholder="请输入真实姓名" />
    </view>

    <view class="form-item">
      <text class="label">微信号</text>
      <input class="input" value="{{form.wechat_id}}" data-field="wechat_id" bindinput="handleInput" placeholder="请输入微信号" />
    </view>

    <view class="form-item">
      <text class="label">手机号</text>
      <input class="input" type="number" value="{{form.phone}}" data-field="phone" bindinput="handleInput" placeholder="请输入手机号" />
    </view>

    <view class="form-item">
      <text class="label">性别</text>
      <picker mode="selector" range="{{genderOptions}}" range-key="label" data-field="gender" bindchange="handlePickerChange">
        <view class="picker-value">{{genderText}}</view>
      </picker>
    </view>

    <view class="form-item">
      <text class="label">出生年份</text>
      <input class="input" type="number" value="{{form.birth_year}}" data-field="birth_year" bindinput="handleInput" placeholder="例如 1995" />
    </view>

    <view class="form-item">
      <text class="label">城市</text>
      <input class="input" value="{{form.city}}" data-field="city" bindinput="handleInput" placeholder="请输入所在城市" />
    </view>

    <view class="form-item">
      <text class="label">身高</text>
      <input class="input" type="number" value="{{form.height}}" data-field="height" bindinput="handleInput" placeholder="请输入身高(cm)" />
    </view>

    <view class="form-item">
      <text class="label">学历</text>
      <picker mode="selector" range="{{educationOptions}}" range-key="label" data-field="education" bindchange="handlePickerChange">
        <view class="picker-value">{{educationText}}</view>
      </picker>
    </view>

    <view class="form-item">
      <text class="label">行业</text>
      <input class="input" value="{{form.job_industry}}" data-field="job_industry" bindinput="handleInput" placeholder="请输入所在行业" />
    </view>

    <view class="form-item">
      <text class="label">公司</text>
      <input class="input" value="{{form.job_company}}" data-field="job_company" bindinput="handleInput" placeholder="请输入公司名称" />
    </view>

    <view class="form-item">
      <text class="label">收入</text>
      <picker mode="selector" range="{{incomeOptions}}" range-key="label" data-field="income_range" bindchange="handlePickerChange">
        <view class="picker-value">{{incomeText}}</view>
      </picker>
    </view>

    <view class="form-item textarea-item">
      <text class="label">个性标签</text>
      <textarea class="textarea" value="{{tagsText}}" data-field="personality_tags" bindinput="handleInput" maxlength="500" placeholder="用中文逗号分隔，例如：开朗，靠谱，细心" />
    </view>

    <view class="form-item textarea-item">
      <text class="label">兴趣爱好</text>
      <textarea class="textarea" value="{{hobbiesText}}" data-field="hobbies" bindinput="handleInput" maxlength="500" placeholder="用中文逗号分隔，例如：跑步，电影，旅行" />
    </view>

    <view class="form-item">
      <text class="label">期望城市</text>
      <input class="input" value="{{form.prefer_city}}" data-field="prefer_city" bindinput="handleInput" placeholder="请输入期望城市" />
    </view>

    <view class="form-item textarea-item">
      <text class="label">自我介绍</text>
      <textarea class="textarea" value="{{form.self_intro}}" data-field="self_intro" bindinput="handleInput" maxlength="500" placeholder="请填写自我介绍" />
    </view>
  </view>

  <view class="action-bar">
    <button class="ghost-btn" bindtap="saveProfile" loading="{{saving}}">保存资料</button>
    <button class="primary-btn" bindtap="submitAudit" loading="{{saving}}">提交审核</button>
  </view>
</view>