7c9cfff3cc
- Add loadUserInfo() calling /system/user/getAppUserInfo for user profile - Show real-name verification badge (已认证/未认证) - Show balance card with amount from API - Add menu: 我的钱包, 我的订单, 联系客服, 关于 - Clean up dead code and unused lifecycle hooks - Refresh user info on every onShow when logged in Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
82 lines
2.9 KiB
Plaintext
82 lines
2.9 KiB
Plaintext
<van-nav-bar
|
|
title="个人中心"
|
|
left-text=""
|
|
right-text=""
|
|
bind:click-left="onClickLeft"
|
|
bind:click-right="onClickRight"
|
|
style="position:fixed;left:0;top:0;width:100%;z-index:2;"
|
|
/>
|
|
|
|
<view style="margin-top:{{height}}px;">
|
|
|
|
<!-- 已登录 -->
|
|
<view wx:if="{{uidFlag}}">
|
|
<!-- 用户信息头部 -->
|
|
<view class="header">
|
|
<view class="userinfo-avatar">
|
|
<open-data type="userAvatarUrl"></open-data>
|
|
</view>
|
|
<view class="header-info">
|
|
<view class="header-name-row">
|
|
<open-data type="userNickName"></open-data>
|
|
<view wx:if="{{authName}}" class="auth-name">{{authName}}</view>
|
|
</view>
|
|
<view class="header-phone">{{phone}}</view>
|
|
</view>
|
|
<view class="auth-badge {{isAuth ? 'auth-ok' : 'auth-no'}}" bindtap="goAuth">
|
|
{{isAuth ? '已认证' : '未认证'}}
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 余额卡片 -->
|
|
<view class="balance-card" bindtap="goWallet">
|
|
<view class="balance-label">账户余额（元）</view>
|
|
<view class="balance-amount">{{balance}}</view>
|
|
<view class="balance-hint">点击查看明细 ></view>
|
|
</view>
|
|
|
|
<!-- 功能菜单 -->
|
|
<view class="menu-section">
|
|
<!-- 我的钱包 -->
|
|
<view class="menu-item" bindtap="goWallet">
|
|
<image class="menu-icon" src="/pages/image/income.png" mode="aspectFit"></image>
|
|
<text class="menu-text">我的钱包</text>
|
|
<image class="menu-arrow" src="/pages/image/right1.png" mode="aspectFit"></image>
|
|
</view>
|
|
|
|
<!-- 我的订单 -->
|
|
<view class="menu-item" bindtap="goOrders">
|
|
<image class="menu-icon" src="/pages/image/dingdan.png" mode="aspectFit"></image>
|
|
<text class="menu-text">我的订单</text>
|
|
<image class="menu-arrow" src="/pages/image/right1.png" mode="aspectFit"></image>
|
|
</view>
|
|
|
|
<!-- 联系客服 -->
|
|
<view class="menu-item" bindtap="callService">
|
|
<image class="menu-icon" src="/pages/image/phone.png" mode="aspectFit"></image>
|
|
<text class="menu-text">联系客服</text>
|
|
<image class="menu-arrow" src="/pages/image/right1.png" mode="aspectFit"></image>
|
|
</view>
|
|
|
|
<!-- 关于 -->
|
|
<view class="menu-item" bindtap="goAbout">
|
|
<image class="menu-icon" src="/pages/image/my.png" mode="aspectFit"></image>
|
|
<text class="menu-text">关于</text>
|
|
<image class="menu-arrow" src="/pages/image/right1.png" mode="aspectFit"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 未登录 -->
|
|
<view class="header" wx:else>
|
|
<image class="userinfo-avatar" src="../image/userimg.png" mode="aspectFit"></image>
|
|
<view class="header-info">
|
|
<button class="login-btn" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">
|
|
点击登录
|
|
</button>
|
|
<view class="header-phone">登录获取更多服务</view>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|