uniapp-app/pages_app/myAccount

我的账户页面

页面描述

这是一个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
• 页面标题：我的账户
• 导航样式：自定义导航栏