76 lines
2.2 KiB
Markdown
76 lines
2.2 KiB
Markdown
# 云泽网站综合管理平台 (yunzerwebsiteallinone)
|
|
|
|
基于 UniApp 开发的跨平台综合管理系统
|
|
|
|
## 项目结构
|
|
|
|
```
|
|
uniapp/
|
|
├── pages/ # 页面目录
|
|
│ ├── login/ # 登录页
|
|
│ │ └── login.vue
|
|
│ ├── dashboard/ # 仪表盘（首页）
|
|
│ │ └── dashboard.vue
|
|
│ ├── functions/ # 功能页
|
|
│ │ └── functions.vue
|
|
│ └── mine/ # 我的页面
|
|
│ └── mine.vue
|
|
├── static/ # 静态资源
|
|
│ └── tabbar/ # TabBar 图标
|
|
├── App.vue # 应用根组件
|
|
├── main.js # 入口文件
|
|
├── pages.json # 页面配置
|
|
├── manifest.json # 应用配置
|
|
├── uni.scss # 全局样式变量
|
|
└── index.html # H5 入口页面
|
|
```
|
|
|
|
## 页面说明
|
|
|
|
### 1. 登录页 (pages/login/login.vue)
|
|
- 支持验证码登录和密码登录切换
|
|
- 手机号 + 验证码 / 账号密码 双模式
|
|
- 主题色：#1989fa
|
|
- 登录成功后跳转到仪表盘
|
|
|
|
### 2. 仪表盘 (pages/dashboard/dashboard.vue)
|
|
- 欢迎信息（根据时间动态显示问候语）
|
|
- 数据概览卡片（访问量、用户数、订单数、收入）
|
|
- 快捷操作入口
|
|
- 最近动态列表
|
|
|
|
### 3. 功能页 (pages/functions/functions.vue)
|
|
- 搜索功能
|
|
- 常用功能网格（8个快捷入口）
|
|
- 管理工具列表
|
|
- 数据服务列表
|
|
- 系统工具列表
|
|
|
|
### 4. 我的 (pages/mine/mine.vue)
|
|
- 用户头像/昵称/手机号展示
|
|
- 统计数据（文章/粉丝/关注/获赞）
|
|
- 订单状态入口
|
|
- 功能菜单列表
|
|
- 退出登录功能
|
|
|
|
## TabBar 配置
|
|
|
|
底部三菜单：
|
|
- 仪表盘 (首页)
|
|
- 功能
|
|
- 我的
|
|
|
|
登录页不在 TabBar 中，通过页面跳转访问。
|
|
|
|
## 开发说明
|
|
|
|
1. 使用 HBuilderX 打开本项目目录即可运行
|
|
2. 支持 H5 / 微信小程序 / APP 等多端运行
|
|
3. 主题色变量定义在 `uni.scss` 中：`$primary-color: #1989fa`
|
|
|
|
## 注意事项
|
|
|
|
- 请在 `static/tabbar/` 目录下放置 TabBar 图标（详见该目录下的 README.md）
|
|
- 登录状态使用 `uni.storage` 本地存储
|
|
- 所有接口调用处标注了 TODO，需根据实际后端接口对接
|