feat: update home empty state design
This commit is contained in:
33
README.md
33
README.md
@@ -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. 后续我可以继续帮你做什么
|
||||
|
||||
接下来你可以继续让我直接帮你:
|
||||
|
||||
|
||||
Reference in New Issue
Block a user