feat: update home empty state design

This commit is contained in:
czz
2026-05-07 15:12:29 +08:00
parent 5a98d4afe7
commit a212e9f412
5 changed files with 418 additions and 91 deletions

View File

@@ -2,10 +2,12 @@
这是一个适合零基础开发者的 `Taro + React + TypeScript` 微信小程序项目模板。你后续会用 React 组件方式开发页面,再编译成微信小程序代码进行预览和发布。
当前首页已经改成了一版“无数据状态”业务样式,方便你直接在这个基础上继续接真实接口和页面跳转。
## 1. 目前已经包含什么
- `Taro + React + TypeScript` 项目骨架
- 首页 React 示例页面
- 首页无数据状态业务示例页面
- 小程序 `AppID` 配置
- `AGENTS.md` 协作规则文件
- 从开发到发布的中文说明
@@ -154,7 +156,24 @@ npm run dev:weapp
- [src/pages/index/index.scss](C:/Users/a/Documents/New%20project%203/src/pages/index/index.scss)
首页样式
## 12. 你接下来最常做的开发动作
## 12. 当前首页做了什么
现在首页已经不是默认演示页,而是一个更接近正式项目的静态业务首页,包含:
- 顶部登录入口
- 已关联设备数量展示
- 两个主操作按钮
- 绑定前提示卡片
- 底部导航视觉样式
这些内容当前是静态演示结构,点击后会先弹出提示,方便你后续继续接:
- 登录页
- 扫码添加设备
- 设备列表
- 商城、我的等页面
## 13. 你接下来最常做的开发动作
### 改页面文案和逻辑
@@ -183,7 +202,7 @@ src
然后记得在 [src/app.config.ts](C:/Users/a/Documents/New%20project%203/src/app.config.ts) 里注册页面路径。
## 13. 本地预览与真机调试
## 14. 本地预览与真机调试
### 本地预览
@@ -197,7 +216,7 @@ src
3. 使用管理员或绑定开发者微信扫码
4. 在手机里查看效果
## 14. 上传、提交审核和发布
## 15. 上传、提交审核和发布
当你开发完成后,一般流程如下:
@@ -215,7 +234,7 @@ npm run build:weapp
7. 提交审核
8. 审核通过后,点击发布
## 15. 常见问题
## 16. 常见问题
### 1. `npm install` 失败怎么办
@@ -252,7 +271,7 @@ npm run build:weapp
- HTTPS
- 后台服务正常可访问
## 16. 建议你下一步怎么做
## 17. 建议你下一步怎么做
如果你是零基础,推荐按这个顺序继续:
@@ -263,7 +282,7 @@ npm run build:weapp
5. 再学页面跳转
6. 最后接接口和发布
## 17. 后续我可以继续帮你做什么
## 18. 后续我可以继续帮你做什么
接下来你可以继续让我直接帮你: