103 lines
3.7 KiB
Plaintext
103 lines
3.7 KiB
Plaintext
<view class="set-page">
|
|
<!-- 用户卡片 -->
|
|
<view class="user-card">
|
|
<view class="user-info" wx:if="{{isLoggedIn}}">
|
|
<view class="user-avatar">
|
|
<image wx:if="{{avatar}}" class="avatar-img" src="{{avatar}}" mode="aspectFill" />
|
|
<text wx:else class="avatar-text">{{displayName[0]}}</text>
|
|
</view>
|
|
<view class="user-detail">
|
|
<view class="name-row">
|
|
<text class="user-name">{{displayName}}</text>
|
|
<view class="level-tag">
|
|
<text class="level-text">{{levelText}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="user-info login-area" wx:else>
|
|
<view class="user-avatar default-avatar">
|
|
<t-icon name="user" size="40rpx" color="#8f9d97" />
|
|
</view>
|
|
<view class="user-detail">
|
|
<text class="login-title">未登录</text>
|
|
<text class="login-desc">登录后查看更多信息</text>
|
|
</view>
|
|
<view class="login-btn" bindtap="onShowLoginPopup">
|
|
<text class="login-btn-text">立即登录</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 菜单列表 -->
|
|
<view class="section">
|
|
<view class="menu-list card">
|
|
<view class="menu-item" wx:for="{{menuList}}" wx:key="index" data-index="{{index}}" bindtap="onMenuTap">
|
|
<view class="menu-left">
|
|
<view class="menu-icon">
|
|
<t-icon name="{{item.icon}}" size="32rpx" color="#1a8a63" />
|
|
</view>
|
|
<text class="menu-title">{{item.title}}</text>
|
|
</view>
|
|
<t-icon name="chevron-right" size="28rpx" color="#b7c6c0" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 系统操作 -->
|
|
<view class="section">
|
|
<view class="menu-list card">
|
|
<view class="menu-item" bindtap="onClearCache">
|
|
<view class="menu-left">
|
|
<view class="menu-icon danger-bg">
|
|
<t-icon name="delete" size="32rpx" color="#e05a4e" />
|
|
</view>
|
|
<text class="menu-title danger">清除缓存</text>
|
|
</view>
|
|
<t-icon name="chevron-right" size="28rpx" color="#b7c6c0" />
|
|
</view>
|
|
<view class="menu-item" wx:if="{{isLoggedIn}}" bindtap="onLogout">
|
|
<view class="menu-left">
|
|
<view class="menu-icon danger-bg">
|
|
<t-icon name="logout" size="32rpx" color="#e05a4e" />
|
|
</view>
|
|
<text class="menu-title danger">退出登录</text>
|
|
</view>
|
|
<t-icon name="chevron-right" size="28rpx" color="#b7c6c0" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 登录弹窗 -->
|
|
<view class="login-popup" wx:if="{{showLoginPopup}}" bindtap="onCloseLoginPopup">
|
|
<view class="login-popup-content" catchtap="onPopupContentTap">
|
|
<view class="popup-header">
|
|
<text class="popup-title">用户登录</text>
|
|
<view class="popup-close" bindtap="onCloseLoginPopup">
|
|
<t-icon name="close" size="32rpx" color="#9ca3af" />
|
|
</view>
|
|
</view>
|
|
<view class="popup-body">
|
|
<view class="form-item">
|
|
<text class="form-label">姓名</text>
|
|
<input class="form-input" type="text" placeholder="请输入您的姓名" value="{{loginForm.name}}" bindinput="onNameInput" />
|
|
</view>
|
|
<view class="form-item">
|
|
<text class="form-label">手机号</text>
|
|
<input class="form-input" type="number" maxlength="11" placeholder="请输入您的手机号" value="{{loginForm.mobile}}" bindinput="onMobileInput" />
|
|
</view>
|
|
</view>
|
|
<view class="popup-footer">
|
|
<view class="submit-btn" bindtap="onLoginSubmit">
|
|
<text class="submit-btn-text">登 录</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 版本信息 -->
|
|
<view class="version-info">
|
|
<text class="version-text">暖橙陪诊 · {{version}}</text>
|
|
</view>
|
|
</view>
|