BANBAN MINI PROGRAM · UI INVENTORY
伴伴 · 交互控件现状规范
从现有页面 TSX、SCSS 与 tabBar 配置提取。以真实实现为准，不将参考图的视觉语言替换进产品。
🤖
让关爱随时随地设备、家庭和陪伴体验中的温暖反馈。
1. 主要操作
页面主任务 · 每个视图只保留一个视觉主按钮2. 状态展示
以“保存”为例默认
按下
聚焦
禁用
加载
3. 音频与留言操作
固定高度，避免播放状态改变布局播放留言
再次播放
4. 次要、文字与危险操作
降低层级，不与主任务争夺注意力稍后设置
取消
解除绑定
查看往期来信 ›
管理设备 ›
暂不登录，先浏览
5. 圆形图标按钮
72–80rpx · 熟悉符号优先返回
关闭
更多
播放
刷新
留言
绑定
设置
6. 复合控件
分段、开关与音量分段控制
68rpx当前位置今日轨迹最近点位全部
允许家庭通知
7. 底部导航
来自现有 app.config.ts 与 tab-icons
首页
玩伴
定位
管理8. 状态标签与反馈
设备状态、告警和操作结果在线
同步中
休眠中
低电量
紧急告警
9. 状态卡片与空状态
信息概览和下一步引导● 已完成绑定82%小雨的伴伴 · 在线
🤖
先绑定一台伴伴设备绑定后查看设备状态