电量显示

更新时间：2021-08-27 11:07:18下载pdf

TYIpcBattery 用于显示实时电量数值。内置 IPC 专用标准 DP 功能点电量计算方式，也可自定义传入数值。

IPC 专业电量标准 DP 功能点如下：

145: wireless_electricity (电量数值上报)
146: wireless_powermode (供电方式)
148: battery_report_cap (精准上报能力)

说明： DP 功能点参数详细，请通过 IoT 平台产品配置详情了解。

示图展示

组件属性

字段名	类型	描述	默认值
standardDpMode	boolean	是否使用电量标准 DP 模式	true
value	number	非标准 DP 模式，电量数值	0
batteryContainer	ViewStyle	电池容器样式	{}
size	number	组件尺寸大小	20
rotateZ	number	旋转角度	0
batteryBorderColor	string	电量边框色	‘rgba(0,0,0,.5)’
highColor	string	电量大于等于 20% 颜色值	#61d914
middleColor	string	电量大于等于 10%，小于 20% 颜色值	#e38315
lowColor	string	电量小于 10% 颜色值	#d11d14
chargingColor	string	充电图标颜色	‘rgba(0,0,0,.5)’
isCharging	boolean	非标准 DP 模式，是否处于充电模式	false
wireless_electricity	number	标准 DP 模式，电量数值上报	undefined
wireless_powermode	string	标准 DP 模式，供电方式	undefined
battery_report_cap	string	标准 DP 模式，精准上报能力	undefined
onChangeEleValue	string	标准 DP 模式，监听显示电量值的变化	undefined

使用示例

import { TYIpcBattery } from '@tuya/tuya-panel-ipc-sdk';
...
  // 自定义传值
  <TYIpcBattery value={value} standardDpMode={false} />
  // 标准dp模式
  <TYIpcBattery
    wireless_electricity={value}
    wireless_powermode="1"
    battery_report_cap={undefined}
    onChangeEleValue={onChangeEleValue}
  />

上一篇宫格菜单组件

下一篇视频速率组件