8b2c3f4661
1. 我的页面： - 头像可点击修改（支持修改头像和昵称） - 用户ID截短显示 - 创业伙伴标签移到用户名旁边，不再拥挤 - 整体布局更加舒适 2. 设置页面： - 去掉"联系客服" - 去掉"清除缓存" - 去掉"当前版本" - 只保留账号绑定和退出登录
111 lines
4.3 KiB
Plaintext
111 lines
4.3 KiB
Plaintext
<!--设置页 - 账号绑定功能-->
|
||
<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 style="height: {{statusBarHeight + 44}}px;"></view>
|
||
|
||
<view class="content">
|
||
<!-- 账号绑定 -->
|
||
<view class="bind-card" wx:if="{{isLoggedIn}}">
|
||
<view class="card-header">
|
||
<text class="card-icon">🛡️</text>
|
||
<view class="card-title-wrap">
|
||
<text class="card-title">账号绑定</text>
|
||
<text class="card-desc">绑定后可用于提现和找伙伴功能</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="bind-list">
|
||
<!-- 手机号 -->
|
||
<view class="bind-item">
|
||
<view class="bind-left">
|
||
<view class="bind-icon phone-icon">📱</view>
|
||
<view class="bind-info">
|
||
<text class="bind-label">手机号</text>
|
||
<text class="bind-value">{{phoneNumber || '未绑定'}}</text>
|
||
</view>
|
||
</view>
|
||
<view class="bind-right">
|
||
<text class="bind-check" wx:if="{{phoneNumber}}">✓</text>
|
||
<text class="bind-btn" wx:else bindtap="bindPhone">去绑定</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 微信号 -->
|
||
<view class="bind-item">
|
||
<view class="bind-left">
|
||
<view class="bind-icon wechat-icon">💬</view>
|
||
<view class="bind-info">
|
||
<text class="bind-label">微信号</text>
|
||
<text class="bind-value">{{wechatId || '未绑定'}}</text>
|
||
</view>
|
||
</view>
|
||
<view class="bind-right">
|
||
<text class="bind-check" wx:if="{{wechatId}}">✓</text>
|
||
<text class="bind-btn" wx:else bindtap="bindWechat">去绑定</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 支付宝 -->
|
||
<view class="bind-item">
|
||
<view class="bind-left">
|
||
<view class="bind-icon alipay-icon">💳</view>
|
||
<view class="bind-info">
|
||
<text class="bind-label">支付宝</text>
|
||
<text class="bind-value">{{alipayAccount || '未绑定'}}</text>
|
||
</view>
|
||
</view>
|
||
<view class="bind-right">
|
||
<text class="bind-check" wx:if="{{alipayAccount}}">✓</text>
|
||
<text class="bind-btn" wx:else bindtap="bindAlipay">去绑定</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 提现提示 -->
|
||
<view class="tip-banner" wx:if="{{isLoggedIn && !wechatId && !alipayAccount}}">
|
||
<text class="tip-text">提示：绑定至少一个支付方式（微信或支付宝）才能使用提现功能</text>
|
||
</view>
|
||
|
||
<view class="logout-btn" wx:if="{{isLoggedIn}}" bindtap="handleLogout">退出登录</view>
|
||
</view>
|
||
|
||
<!-- 绑定弹窗 -->
|
||
<view class="modal-overlay" wx:if="{{showBindModal}}" bindtap="closeBindModal">
|
||
<view class="modal-content" catchtap="stopPropagation">
|
||
<view class="modal-header">
|
||
<text class="modal-title">绑定{{bindType === 'phone' ? '手机号' : bindType === 'wechat' ? '微信号' : '支付宝'}}</text>
|
||
<view class="modal-close" bindtap="closeBindModal">✕</view>
|
||
</view>
|
||
|
||
<view class="modal-body">
|
||
<view class="input-wrapper">
|
||
<input
|
||
type="{{bindType === 'phone' ? 'number' : 'text'}}"
|
||
class="form-input"
|
||
placeholder="{{bindType === 'phone' ? '请输入11位手机号' : bindType === 'wechat' ? '请输入微信号' : '请输入支付宝账号'}}"
|
||
placeholder-class="input-placeholder"
|
||
value="{{bindValue}}"
|
||
bindinput="onBindInput"
|
||
maxlength="{{bindType === 'phone' ? 11 : 50}}"
|
||
/>
|
||
</view>
|
||
|
||
<text class="bind-tip">
|
||
{{bindType === 'phone' ? '绑定手机号后可用于找伙伴匹配' : bindType === 'wechat' ? '绑定微信号后可用于找伙伴匹配和好友添加' : '绑定支付宝后可用于提现收益'}}
|
||
</text>
|
||
|
||
<view class="btn-primary {{!bindValue ? 'btn-disabled' : ''}}" bindtap="confirmBind">
|
||
确认绑定
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|