IpcTopBar 头部栏

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

IpcTopBar是基于面板组件库 TopBar 封装,适应 IPC 面板不同页面的快速开发组件。

使用示例

import { IpcTopBar } from '@tuya/tuya-panel-ipc-sdk'; <IpcTopBar contentTitle="Player Demo" leftPress={() => { console.log('back'); }} rightPress={() => { console.log('right'); }} />

组件属性

字段名 类型 描述 默认值
background string 背景色 #ffffff
leftBackColor string 左边返回箭头颜色 #000000
contentTitleStyle object 中间标题样式 null
contentTitle number 中间标题 null
contentImg number 中间图片图像 null
leftPress bool 左边点击事件 () => {}
hasRight string 是否有右侧图标 true
rightPress func 右边点击事件 () => {}
customImgIcon number 右边自定义图标 null
customRightText object 右边自定义文字 null
customRightTextStyle string 右边自定义文字样式 null
customLeftText object 左边自定义文字 null
customLeftTextStyle string 左边自定义文字样式 null