检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
时间选择器 时间选择器是文本组件的一种,用于选择时间。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“时间选择器”组件至画布空白区域,如图1。 图1 时间选择器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
日期选择器 日期选择器是文本组件的一种,用于在页面选择日期。日期选择器由输入框和日期弹出框组成,单击该组件的输入框,弹出日期选择框可选择具体日期。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“日期选择器”组件至画布空白区域,如图1。 图1 日期选择器 图2 边距样式说明 卡片
时间翻牌器 时间翻牌器是文本组件的一种,用于使用翻牌器效果动态展示当前时间。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“时间翻牌器”组件至画布空白区域,如图1。 图1 时间翻牌器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡
转换器管理 新建转换器 删除转换器 关注转换器 父主题: 数据中心
连接器管理 新建连接器 复制连接器 删除连接器 父主题: 数据中心
的字段“url”,单击“确定”。 图3 赋值 单击“+响应动作”,选择“页面跳转”,跳转到外部页面,外部页面地址引用全局变量,设置为“${url}”,弹出新窗口打开页面地址,单击“确定”。 单击“完成”,设置后用户在单击柱图数据时,会跳转到数据集中设置的具体url页面。 图4 设置页面跳转
加“<iframe src="URL" ></iframe>”。 图4 增加大屏访问地址 其中,“URL”为待嵌入大屏的访问地址。在大屏发布页面,单击,即可获取,如图5。 图5 获取大屏URL地址 图6 大屏嵌入效果 如果在浏览器无痕模式下预览页面,请确保“阻止第三方Cookie
组件配置项(Config配置) 配置项总览 通用配置 input textarea input-number slider tab switch radio checkbox colorpicker time select list 父主题: 自定义组件开发规范
左、右)的距离(参见图2),默认为0,即铺满整个组件。 配置 在配置中,设置音频组件的音频地址、是否自动播放和是否开启控制条等。 图4 音频轮播设置 音频 > 音频地址:输入音频的存放地址,仅支持MP3、OGG和WAV格式的音频。 播放 自动播放:开启后,在预览页面或发布后的页面中,会自动播放音频内容。
本项目内页面或外部页面。 内部页面:选择待跳转的具体页面。“页面类型”设置为“内部页面”时,才显示该配置。 外部页面地址:选择待跳转的外部页面地址,可以直接输入地址,也可以设置为全局变量。“页面类型”设置为“外部页面”时,才显示该配置。 页面打开方式:设置跳转页面的打开方式,如新
checkbox 配置项说明 表1 checkbox配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "checkbox" 配置项类型。 value Boolean 否 value: true 默认值。 name String 是 name: "commProps
select 配置项说明 表1 select配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "select" 配置项类型。 value String 否 value: "defaultValue" 默认值。 name String 是 name:
input 配置项说明 表1 input配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "input" 配置项类型。 subType String 否 subType: "password" 子类型,支持的类型有number、password。
radio 配置项说明 表1 radio配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "radio" 配置项类型。 value String 否 value: "defaultValue" 默认值。 name String 是 name: "commProps
time 配置项说明 表1 time配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "time" 配置项类型。 subType String 否 subType: "date" 子类型,支持的类型有time、date和datetime。 value
list 配置项说明 表1 list配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "list" 配置项类型。 name String 是 name:"intervalColors" 双向绑定list名称。 label Object 否 label:
switch 配置项说明 表1 switch配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "switch" 配置项类型。 value String 否 value: false 默认值。 name String 是 name: "commProps
tab 配置项说明 表1 tab配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "tab" 配置项类型。 value String 否 value: "defaultValue" 默认值。 name String 是 name: "commProps
colorpicker 配置项说明 表1 colorpicker配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "colorpicker" 配置项类型。 value String 否 value: "defaultValue" 默认值。 name
textarea 配置项说明 表1 textarea配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "textarea" 配置项类型。 value String 否 - 默认值。 name String 是 name: "commProps.myString"