FullView 面板布局

头部栏(TopBar)

TopBar 支持用户传输的属性有:

  • title - 头部栏标题
  • topbarStyle - 头部栏样式
  • hideTopbar - 是否隐藏 TopBar
  • topbarTextStyle - TopBar 字体样式
  • renderTopBar - 自定义 TopBar 组件

告警提醒(Notification)

Notification 是隐藏在头部栏下面具有下滑上拉动效的一个组件,开启通知栏调用: Notification.show(),关闭通知栏可调用 Notification.hide()。 其具体属性可参考组件 Notification

另外,FullView 上挂载了信号强度提醒通知,需满足真实设备支持信号强度上报,并且请求到的信号强度值 < 云端接口获取的阈值(-75)时,会弹框提醒(如上图所示),App 在版本 3.17 及以上(即通过 TYSdk.mobile.mobileInfo 获取 appRnVersion >= '5.24'), 弹框详情页包含跳转至重新检测网络信号的入口,App 版本低于 3.17 弹框详情页则无跳转入口。

多语言字段
wifiBadTitle: '设备Wi-Fi信号弱',
detectPlease: '请检查:',
internetAccess: '1.设备连接的路由器是否正常工作,网络通畅',
obstructions: '2.设备是否与路由器距离过远、隔墙或有其他遮挡物',
retest: '重新检测网络',
location: '设备Wi-Fi信号弱,请更换设备位置',

提示(GlobalToast)

GlobalToast 是挂载在 FullView 下伴有淡入淡出的动画效果的全局提示,目前应用于新版数字倒计时设置成功动作后的提醒。 开启全局调用:GlobalToast.show(),关闭通知栏可调用 GlobalToast.hide()。其具体属性可参考组件 Toast

背景(Background)

Background 支持图片形式(包括本地图片或网络资源)和 渐变形式。 支持用户传输的属性有 background:

  • background 的类型为 number, 即展示图片背景,
  • background 的类型为 object, 即展示渐变背景。

离线视图(OfflineView)

OfflineView 是当 App、设备以及蓝牙离线的时候,弹出提示框告诉用户当前的离线状态,离线逻辑如下图所示。

Offline

一、WI-FI 离线

新版离线

OfflineWifi

说明
  • 新离线弹框仅支持 App 版本为 3.16 及以上,即 appRnVersion >= 5.23,低于该版本还是为旧离线模式;
  • 弹框中的顶端返回按钮直接返回至 App 列表页面;
  • 弹框的设备图片从云端拉取,如果拉取失败则不会显示;
  • Wi-Fi 离线的文案可由产品经理自行配置,当文案超过 4 条时,则会出现《更多帮助》按钮,否则不会出现更多帮助按钮;
  • 点击《更多帮助》,当 App 版本 >= 3.34.5,并且组件库版本 >= 4.8.3 时,会跳转至 H5 链接,页面内容暂不支持定制,内容包含知识条目、智能客服和在线客服;否则会跳转至二级页面:帮助页面,第一次进入会有 loading 加载情况。
多语言字段
offline_title: '设备已离线,请依次检查',
offline_alreadyOffline: '设备已离线';
offline_pleaseCheck: '请依次检查:';
offline_textLinkBefore: '1. 请检查您的设备是否有电\n2. 您的设备连接的路由器是否正常工作';
offline_linkFront: '3. 检查是否修改了路由器的名称或密码,可以尝试';
offline_link: '重新连接';
offline_textLinkAfter: '4. 您的设备是否里路由器过远、信号较差或有遮挡物';
offline_moreHelp: '更多帮助';
offline_textLinkMore: '';
help: '帮助';
备注
  • Wi-Fi 文案的第三条拆开写是为了在后期方便接入跳转 App 配网首页的短链,如果第三段文案有所修改,可以修改 offline_linkFront 和 offline_link 任一字段文案,另一个字段请置为空字符
  • offline_textLinkMore 是为了配置超过四条的文案,分段请使用 \n,参考 offline_textLinkBefore 字段

旧版离线(不符合新版离线的条件展示旧版离线)

多语言字段
appoffline: '当前网络不可用\n请检查手机网络';

二、蓝牙离线

BleOfflineWifi

说明
  • 点击《查看帮助》,当 App 版本 >= 3.34.5,并且组件库版本 >= 4.8.3 时,会跳转至 H5 链接,页面内容暂不支持定制,内容包含知识条目、智能客服和在线客服;否则会跳转至二级页面:帮助页面,第一次进入会有 loading 加载情况。
多语言字段
appoffline: '当前网络不可用\n请检查手机网络';
bluetoothOfflineTip: '请开启“蓝牙”';
alreadyKnow: '知道了';
checkHelp: '查看帮助';
deviceOffline: '设备连接失败';
backToHome: '返回首页';
openBle: '开启系统蓝牙';
openBleShare: '开启“蓝牙共享”';
openBleShareStep: '设置 > 涂鸦智能 > 开启蓝牙共享';
bluetoothShare: '蓝牙权限';
deviceOfflineHelp: '① 确保设备通电正常(或电池电量充足)\n② 将手机尽量贴近设备\n③ 若设备曾被其他手机连接过,请先断开连接。';
deviceOfflineHelpNew: '① 确保设备通电正常(或电池电量充足)\n② 将手机尽量贴近设备\n③ 若设备曾被其他手机连接过,请先断开,再进行';
offline_link: '重新连接';
offline_bleHelpTitle: '查看相关帮助',
offline_bleNotConnect: '无法连接蓝牙 Mesh 设备?',
offline_bleDetails:
'1. 您的设备可能断电了,可能的原因包括电池不足,插头不牢固或者家里停电等;\n\n2. 设备的蓝牙通信有效范围内(约 10 米),需要有其他正在工作的蓝牙设备,例如手机、网关或者其他使用了蓝牙 Mesh 技术的设备;\n\n3.如果您正在通过互联网对设备控制,请保持您的网络通常、网关正常工作。',