165 lines
8.7 KiB
Plaintext
165 lines
8.7 KiB
Plaintext
<!-- 资料编辑 - comprehensive_profile_editor_v1_1 | input/textarea 用 view 包裹，配色 enhanced -->
|
||
<view class="page">
|
||
<view class="nav-bar" style="padding-top: {{statusBarHeight}}px;">
|
||
<view class="nav-back" bindtap="goBack"><icon name="chevron-left" size="44" color="#5EEAD4" customClass="back-icon"></icon></view>
|
||
<text class="nav-title">编辑资料</text>
|
||
<view class="nav-placeholder"></view>
|
||
</view>
|
||
<view style="height: {{statusBarHeight + 44}}px;"></view>
|
||
|
||
<view class="loading" wx:if="{{loading}}">加载中...</view>
|
||
<scroll-view wx:else class="scroll-main" scroll-y>
|
||
<!-- 温馨提示：from=vip 时强化权益说明 -->
|
||
<view class="tip-card {{fromVip ? 'tip-card-highlight' : ''}}">
|
||
<icon name="info" size="36" color="#00CED1" customClass="tip-icon"></icon>
|
||
<text class="tip-text">{{fromVip ? '恭喜成为VIP！完善资料后即可使用找伙伴、提现等功能，手机号必填' : '温馨提示：手机号必填，微信号建议填写，以便使用提现和找伙伴功能'}}</text>
|
||
</view>
|
||
|
||
<!-- 头像：点击直接弹出微信原生选择器（用微信头像/从相册选择/拍照） -->
|
||
<view class="avatar-section">
|
||
<button class="avatar-wrap-btn" open-type="chooseAvatar" bindchooseavatar="onChooseAvatar">
|
||
<view class="avatar-wrap">
|
||
<view class="avatar-inner">
|
||
<image wx:if="{{avatar}}" class="avatar-img" src="{{avatar}}" mode="aspectFill"/>
|
||
<view wx:else class="avatar-placeholder">{{nickname ? nickname[0] : '?'}}</view>
|
||
</view>
|
||
<view class="avatar-camera"><icon name="camera" size="48" color="#ffffff"></icon></view>
|
||
</view>
|
||
</button>
|
||
</view>
|
||
|
||
<!-- 基本信息 -->
|
||
<view class="section">
|
||
<view class="form-row">
|
||
<text class="form-label">昵称</text>
|
||
<view class="form-input-wrap" catchtouchstart="onNicknameAreaTouch">
|
||
<input
|
||
class="form-input-inner"
|
||
type="nickname"
|
||
placeholder="请输入昵称"
|
||
value="{{nickname}}"
|
||
focus="{{nicknameInputFocus}}"
|
||
bindinput="onNicknameInput"
|
||
bindchange="onNicknameChange"
|
||
bindblur="onNicknameBlur"
|
||
maxlength="20"
|
||
/>
|
||
</view>
|
||
<text class="input-tip">微信用户可点击自动填充昵称，或手动输入</text>
|
||
</view>
|
||
<view class="form-row form-row-2">
|
||
<view class="form-item">
|
||
<text class="form-label">MBTI</text>
|
||
<picker mode="selector" range="{{mbtiOptions}}" value="{{mbtiIndex}}" bindchange="onMbtiPickerChange">
|
||
<view class="form-input-wrap form-picker">{{mbti || '请选择'}}</view>
|
||
</picker>
|
||
</view>
|
||
<view class="form-item">
|
||
<text class="form-label">地区</text>
|
||
<view class="form-input-wrap form-input-suffix">
|
||
<input class="form-input-inner" placeholder="例如：杭州·余杭区" value="{{region}}" bindinput="onRegionInput"/>
|
||
<icon name="map-pin" size="32" color="#8e8e93" customClass="form-suffix"></icon>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="form-row">
|
||
<text class="form-label">行业</text>
|
||
<view class="form-input-wrap"><input class="form-input-inner" placeholder="例如：新媒体/电商" value="{{industry}}" bindinput="onIndustryInput"/></view>
|
||
</view>
|
||
<view class="form-row">
|
||
<text class="form-label">业务体量</text>
|
||
<view class="form-input-wrap"><input class="form-input-inner" placeholder="例如：年GMV 5000万+" value="{{businessScale}}" bindinput="onBusinessScaleInput"/></view>
|
||
</view>
|
||
<view class="form-row">
|
||
<text class="form-label">职位</text>
|
||
<view class="form-input-wrap"><input class="form-input-inner" placeholder="例如：创始人/联合创始人" value="{{position}}" bindinput="onPositionInput"/></view>
|
||
</view>
|
||
<view class="form-row" wx:if="{{isVip}}">
|
||
<text class="form-label">我擅长</text>
|
||
<view class="form-input-wrap"><input class="form-input-inner" placeholder="例如：短视频制作、IP打造、私域运营" value="{{skills}}" bindinput="onSkillsInput"/></view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 核心联系方式 -->
|
||
<view class="section">
|
||
<view class="section-title">
|
||
<icon name="phone" size="40" color="#00CED1" customClass="section-icon"></icon>
|
||
<text>核心联系方式</text>
|
||
</view>
|
||
<view class="form-row">
|
||
<text class="form-label">手机号<text class="required-mark">*</text></text>
|
||
<view class="form-input-wrap"><input class="form-input-inner" type="tel" placeholder="请输入手机号（必填）" value="{{phone}}" bindinput="onPhoneInput"/></view>
|
||
</view>
|
||
<view class="form-row">
|
||
<text class="form-label">微信号</text>
|
||
<view class="form-input-wrap"><input class="form-input-inner" placeholder="请输入微信号" value="{{wechatId}}" bindinput="onWechatInput"/></view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 个人故事（仅 VIP 展示） -->
|
||
<view class="section" wx:if="{{isVip}}">
|
||
<view class="section-title">
|
||
<icon name="lightbulb" size="40" color="#00CED1" customClass="section-icon"></icon>
|
||
<text>个人故事</text>
|
||
</view>
|
||
<view class="form-row">
|
||
<text class="form-label">你最赚钱的一个月做的是什么</text>
|
||
<view class="form-textarea-wrap"><textarea class="form-textarea-inner" placeholder="例如：2021年主导电商大促，单月GMV突破500W..." value="{{storyBestMonth}}" bindinput="onStoryBestMonthInput"/></view>
|
||
</view>
|
||
<view class="form-row">
|
||
<text class="form-label">最有成就感的一件事</text>
|
||
<view class="form-textarea-wrap"><textarea class="form-textarea-inner" placeholder="例如：帮助3个素人打造个人IP，每月稳定变现5万+" value="{{storyAchievement}}" bindinput="onStoryAchievementInput"/></view>
|
||
</view>
|
||
<view class="form-row">
|
||
<text class="form-label">人生的转折点</text>
|
||
<view class="form-textarea-wrap"><textarea class="form-textarea-inner" placeholder="例如：辞去大厂工作开始做自媒体..." value="{{storyTurning}}" bindinput="onStoryTurningInput"/></view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 互助需求（VIP 或 资源对接已填写时展示） -->
|
||
<view class="section" wx:if="{{isVip || helpOffer || helpNeed}}">
|
||
<view class="section-title">
|
||
<icon name="handshake" size="40" color="#00CED1" customClass="section-icon"></icon>
|
||
<text>互助需求</text>
|
||
</view>
|
||
<view class="form-row">
|
||
<text class="form-label">我能帮助大家什么</text>
|
||
<view class="form-input-wrap"><input class="form-input-inner" placeholder="例如：短视频脚本、账号冷启动、私域转化" value="{{helpOffer}}" bindinput="onHelpOfferInput"/></view>
|
||
</view>
|
||
<view class="form-row">
|
||
<text class="form-label">我需要什么帮助</text>
|
||
<view class="form-input-wrap"><input class="form-input-inner" placeholder="例如：寻找供应链资源、线下活动合作" value="{{helpNeed}}" bindinput="onHelpNeedInput"/></view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 项目介绍（仅 VIP 展示） -->
|
||
<view class="section" wx:if="{{isVip}}">
|
||
<view class="section-title">
|
||
<icon name="rocket" size="40" color="#00CED1" customClass="section-icon"></icon>
|
||
<text>项目介绍</text>
|
||
</view>
|
||
<view class="form-row">
|
||
<view class="form-textarea-wrap form-textarea-lg"><textarea class="form-textarea-inner" placeholder="详细介绍您的项目，让潜在伙伴更好地了解您..." value="{{projectIntro}}" bindinput="onProjectIntroInput"/></view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="save-btn" bindtap="saveProfile" disabled="{{saving}}">
|
||
{{saving ? '保存中...' : '保存'}}
|
||
</view>
|
||
<view class="bottom-space"></view>
|
||
</scroll-view>
|
||
|
||
<!-- 分享名片 canvas（隐藏，用于生成分享图 5:4） -->
|
||
<canvas canvas-id="shareCardCanvas" class="share-card-canvas" style="width: 500px; height: 400px;"></canvas>
|
||
|
||
<!-- 隐私授权弹窗（昵称需授权后方可唤起微信昵称选择器） -->
|
||
<view class="privacy-mask" wx:if="{{showPrivacyModal}}" catchtouchmove="preventMove">
|
||
<view class="privacy-modal">
|
||
<text class="privacy-title">温馨提示</text>
|
||
<text class="privacy-desc">为获取微信昵称，请先同意《用户隐私保护指引》</text>
|
||
<button id="agree-btn" class="privacy-btn" open-type="agreePrivacyAuthorization" bindagreeprivacyauthorization="handleAgreePrivacy">同意</button>
|
||
<view class="privacy-cancel" bindtap="handleDisagreePrivacy">拒绝</view>
|
||
</view>
|
||
</view>
|
||
</view>
|