yunzerwebsiteallinone/uniapp

云泽网站综合管理平台 (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，需根据实际后端接口对接