40 lines
1.1 KiB
Markdown
40 lines
1.1 KiB
Markdown
# 我的账户页面
|
|
|
|
## 页面描述
|
|
这是一个100%还原的"我的账户"页面，包含以下功能：
|
|
|
|
### 主要功能
|
|
1. **状态栏显示** - 显示时间、网络状态、电池等信息
|
|
2. **头部导航** - 包含返回按钮和页面标题
|
|
3. **账户余额展示** - 显示用户头像和账户余额
|
|
4. **操作选项** - 提现和账单明细功能
|
|
|
|
### 页面结构
|
|
- `status-bar` - 状态栏区域
|
|
- `header` - 头部导航区域
|
|
- `account-summary` - 账户余额展示区域
|
|
- `action-items` - 操作选项列表
|
|
- `bottom-indicator` - 底部指示器
|
|
|
|
### 样式特点
|
|
- 使用深红色/棕色渐变背景 (#8B2316 到 #A0522D)
|
|
- 圆形头像设计
|
|
- 白色操作卡片
|
|
- 响应式交互效果
|
|
|
|
### 使用方法
|
|
1. 在 `pages.json` 中已配置路由
|
|
2. 从其他页面通过 `uni.navigateTo` 跳转
|
|
3. 支持返回上一页功能
|
|
|
|
### 技术实现
|
|
- 使用 Vue 3 Composition API
|
|
- SCSS 样式预处理器
|
|
- uni-app 框架
|
|
- 响应式设计
|
|
|
|
### 注意事项
|
|
- 头像图片路径：`/static/new_man_big.png`
|
|
- 页面标题：我的账户
|
|
- 导航样式：自定义导航栏
|