feat: add device binding home interactions

This commit is contained in:
czz
2026-05-07 15:52:12 +08:00
parent a212e9f412
commit 19ea7c89d0
5 changed files with 662 additions and 157 deletions

View File

@@ -2,12 +2,12 @@
这是一个适合零基础开发者的 `Taro + React + TypeScript` 微信小程序项目模板。你后续会用 React 组件方式开发页面,再编译成微信小程序代码进行预览和发布。
当前首页已经改成了一版“无数据状态”业务样式,方便你直接在这个基础上继续接真实接口和页面跳转。
当前首页已经改成了一版“设备绑定首页(无设备状态”业务样式,方便你直接在这个基础上继续接真实接口和页面跳转。
## 1. 目前已经包含什么
- `Taro + React + TypeScript` 项目骨架
- 首页无数据状态业务示例页面
- 首页设备绑定业务示例页面
- 小程序 `AppID` 配置
- `AGENTS.md` 协作规则文件
- 从开发到发布的中文说明
@@ -158,20 +158,29 @@ npm run dev:weapp
## 12. 当前首页做了什么
现在首页已经不是默认演示页,而是一个更接近正式项目的静态业务页,包含:
现在首页已经不是默认演示页,而是一个“设备绑定首页(无设备状态)”业务页,包含:
- 顶部登录入口
- 已关联设备数量展示
- 两个主操作按钮
- 扫码添加设备按钮
- 蓝牙搜索附近设备按钮
- 绑定状态展示区
- 绑定前提示卡片
- 底部导航视觉样式
这些内容当前是静态演示结构,点击后会先弹出提示,方便你后续继续接
当前首页已经接入了部分小程序能力
- 扫码按钮会调用微信小程序扫码能力
- 蓝牙按钮会先检查定位权限,再尝试打开蓝牙搜索
- 如果开发环境中暂时搜不到真实设备,页面会用前端占位设备演示完整绑定流程
这些内容当前仍然属于前端演示和占位实现,方便你后续继续接:
- 登录页
- 扫码添加设备
- 扫码解析接口
- 真实蓝牙设备筛选与配对
- 设备列表
- 商城、我的等页面
- 报告、消息、我的等页面
## 13. 你接下来最常做的开发动作
@@ -208,6 +217,7 @@ src
- 保持 `npm run dev:weapp` 在运行
- 在微信开发者工具里查看编译后的模拟器效果
- 扫码和蓝牙相关能力更推荐使用真机调试,因为开发者工具里不一定能完整模拟真实权限和设备搜索环境
### 真机预览
@@ -215,6 +225,7 @@ src
2. 点击开发者工具中的“预览”
3. 使用管理员或绑定开发者微信扫码
4. 在手机里查看效果
5. 如果要测试蓝牙绑定,请同时确认手机蓝牙和定位权限已经打开
## 15. 上传、提交审核和发布