新增编辑资料入口,优化用户个人信息管理体验。更新 app.json 文件以包含新页面路径,确保导航功能正常。调整样式以提升界面友好性。
This commit is contained in:
125
miniprogram/pages/profile-edit/profile-edit.wxml
Normal file
125
miniprogram/pages/profile-edit/profile-edit.wxml
Normal file
@@ -0,0 +1,125 @@
|
||||
<!-- 编辑资料页 - 图二样式,行业/业务体量拆成两个输入框 -->
|
||||
<view class="page">
|
||||
<view class="nav-bar" style="padding-top: {{statusBarHeight}}px;">
|
||||
<view class="nav-back" bindtap="goBack">
|
||||
<text class="back-icon">‹</text>
|
||||
</view>
|
||||
<text class="nav-title">编辑资料</text>
|
||||
<view class="nav-placeholder"></view>
|
||||
</view>
|
||||
<view class="nav-placeholder-bar" style="height: {{statusBarHeight + 44}}px;"></view>
|
||||
|
||||
<view class="content">
|
||||
<!-- 头像 -->
|
||||
<view class="avatar-section">
|
||||
<button class="avatar-btn" open-type="chooseAvatar" bindchooseavatar="onChooseAvatar">
|
||||
<image class="avatar-img" wx:if="{{avatar}}" src="{{avatar}}" mode="aspectFill"/>
|
||||
<text class="avatar-text" wx:else>{{nickname[0] || '头'}}</text>
|
||||
</button>
|
||||
<button class="avatar-change-btn" open-type="chooseAvatar" bindchooseavatar="onChooseAvatar">更换头像</button>
|
||||
</view>
|
||||
|
||||
<!-- 昵称 -->
|
||||
<view class="form-group">
|
||||
<text class="form-label">昵称</text>
|
||||
<input
|
||||
class="form-input"
|
||||
value="{{nickname}}"
|
||||
placeholder="点击输入昵称"
|
||||
placeholder-class="form-placeholder"
|
||||
bindinput="onNicknameInput"
|
||||
/>
|
||||
</view>
|
||||
|
||||
<!-- MBTI 与 地区 并排 -->
|
||||
<view class="form-row">
|
||||
<view class="form-group half">
|
||||
<text class="form-label">MBTI</text>
|
||||
<picker mode="selector" range="{{mbtiList}}" value="{{mbtiIndex}}" bindchange="onMbtiChange">
|
||||
<view class="form-picker">
|
||||
<text class="{{mbti ? '' : 'placeholder'}}">{{mbti || '请选择'}}</text>
|
||||
<text class="picker-arrow">▼</text>
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
<view class="form-group half">
|
||||
<text class="form-label">地区</text>
|
||||
<view class="form-input-wrap">
|
||||
<text class="region-icon">📍</text>
|
||||
<input
|
||||
class="form-input form-input-inline"
|
||||
value="{{region}}"
|
||||
placeholder="杭州 · 余杭区"
|
||||
placeholder-class="form-placeholder"
|
||||
bindinput="onRegionInput"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 行业(独立输入框) -->
|
||||
<view class="form-group">
|
||||
<text class="form-label">行业</text>
|
||||
<input
|
||||
class="form-input"
|
||||
value="{{industry}}"
|
||||
placeholder="如:电商、SaaS"
|
||||
placeholder-class="form-placeholder"
|
||||
bindinput="onIndustryInput"
|
||||
/>
|
||||
</view>
|
||||
|
||||
<!-- 业务体量(独立输入框) -->
|
||||
<view class="form-group">
|
||||
<text class="form-label">业务体量</text>
|
||||
<input
|
||||
class="form-input"
|
||||
value="{{businessVolume}}"
|
||||
placeholder="如:年GMV 5000W+"
|
||||
placeholder-class="form-placeholder"
|
||||
bindinput="onBusinessVolumeInput"
|
||||
/>
|
||||
</view>
|
||||
|
||||
<!-- 职位 -->
|
||||
<view class="form-group">
|
||||
<text class="form-label">职位</text>
|
||||
<input
|
||||
class="form-input"
|
||||
value="{{position}}"
|
||||
placeholder="如:联合创始人"
|
||||
placeholder-class="form-placeholder"
|
||||
bindinput="onPositionInput"
|
||||
/>
|
||||
</view>
|
||||
|
||||
<!-- 你最赚钱的一个月做的是什么 -->
|
||||
<view class="form-group">
|
||||
<text class="form-label">你最赚钱的一个月做的是什么</text>
|
||||
<textarea
|
||||
class="form-textarea"
|
||||
value="{{mostProfitableMonth}}"
|
||||
placeholder="请简要描述"
|
||||
placeholder-class="form-placeholder"
|
||||
bindinput="onMostProfitableMonthInput"
|
||||
maxlength="500"
|
||||
/>
|
||||
</view>
|
||||
|
||||
<!-- 我能帮到大家什么 -->
|
||||
<view class="form-group">
|
||||
<text class="form-label">我能帮到大家什么</text>
|
||||
<textarea
|
||||
class="form-textarea"
|
||||
value="{{howCanHelp}}"
|
||||
placeholder="请简要描述"
|
||||
placeholder-class="form-placeholder"
|
||||
bindinput="onHowCanHelpInput"
|
||||
maxlength="500"
|
||||
/>
|
||||
</view>
|
||||
|
||||
<view class="save-btn" bindtap="saveProfile">保存</view>
|
||||
<view class="bottom-space"></view>
|
||||
</view>
|
||||
</view>
|
||||
Reference in New Issue
Block a user