检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
静音播放：播放视频时是否静音。静音后，在播放视频时无法调整音量。 控制条：选择是否开启视频控制条。 数据 在数据中，设置视频组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置视频组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 媒体
下降趋势数字字体：设置下降趋势数字的字体、大小和颜色等。 趋势位置：趋势相对于数字的位置。 数据 在数据中，设置趋势组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置趋势与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本
静音播放：开启后，音频将会静音播放。 图5 开启后效果 控制条：关闭后，音频的控制条将会隐藏。 数据 在数据中，配置音频组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置音频组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 媒体
背景颜色：设置搜索按钮所在区域的背景色。 按钮文本：设置按钮搜索图标后显示的文字。 数据 在数据中，设置搜索框组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置搜索框组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本
为0，即铺满整个组件。 图片地址：支持输入图片地址，来展示图片。 链接：设置单击图片后，跳转的链接地址。 图片设置：设置图片填充方式，并选择对应图片。 数据 在数据中，配置图片组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置图片与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。
步骤条 步骤条是装饰组件的一种，用于引导用户按照流程完成任务的导航条。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“步骤条”组件至画布空白区域，如图1。 图1 步骤条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
hange事件。 入参vm说明 组件配置项中的disabled、showFunc和events中，都具有入参vm，vm为组件的Widget实例。 配置示例 通用配置示例如下，以global_SelectWidget组件为例，设置后效果如图1所示。本示例中的global_Selec
后缀字体：设置后缀的字体、大小和颜色等。 后缀左间距：设置后缀和指标之间的间距。 图9 后缀左间距 数据 在数据中，设置指标组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置指标组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本
LV、HLS。当视频流类型选择“HTTP-FLV”时，可以设置是否静音播放。 数据 在数据中，设置视频流组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置视频流组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 媒体
日历组件 日历组件是文本组件的一种，用于展示日历，用户可在具体日期上记录待办事项或者重要内容。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“日历组件”组件至画布空白区域，如图1。 图1 日历组件 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片
echarts组件自定义事件交互设置 echarts组件作为触发器的事件时，可以在自定义事件中设置。 当前仅“Astro大屏应用专业版”实例，才提供Echarts图表组件。 自定义事件交互设置 在大屏设计页面，从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中
是否静音：播放视频时是否静音。静音后，在播放视频时无法调整音量。 数据 在数据中，设置FLV视频播放组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置FLV视频播放组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 媒体
字体大小：设置趋势数字前缀的字体大小。 后缀：设置趋势数字的后缀，如%。 字体大小：设置趋势数字后缀的字体大小。 数据 在数据中，设置多趋势组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置多趋势与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本
右边距：选择框相对于组件右边框的距离。 上边距：选择框相对于组件上边框的距离。 全选：是否显示全选框。 数据 在数据中，设置复选框组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置复选框组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本
节点默认样式：设置节点默认样式的颜色。 节点选中样式：设置选中节点时的颜色。 节点大小：设置节点的大小。 数据 在数据中，设置时间轴组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置时间轴组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本
边框聚焦颜色：鼠标选中下拉框时，边框的颜色。 边框悬浮颜色：鼠标悬浮在下拉框上时，边框的颜色。 占位符：没有输入内容时，展示的文字内容。 是否禁用：是否禁用该下拉框，禁用后，用户不可选择内容。 是否可输入：禁用后，只能在下拉框中选择，无法输入查找。 图5 设置后效 下拉弹出框设置 最大高度：设置下拉弹出框的最大高度。
是否显示：是否显示未来几天的日期。 字体：未来几天日期的字体、大小和颜色等设置。 数据 在数据中，设置天气组件的数据来源，更多介绍请参见数据接入。 图6 设置组件数据源 图7 选择桥接器预置-静态数据 静态数据中，“dataNow”对应今日天气，“dataForecast”对应未来几天天气预报。
边框聚焦颜色：鼠标选中下拉框时，边框的颜色。 边框悬浮颜色：鼠标悬浮在下拉框上时，边框的颜色。 占位符：没有输入内容时，展示的文字内容。 是否禁用：是否禁用该下拉框，禁用后，用户不可选择内容。 是否可输入：禁用后，只能在下拉框中选择，无法输入查找。 下拉弹出框设置 最大高度：设置下拉弹出框的最大高度。 背景颜色：设置下拉弹出框的背景色。
初始化组件message-en/message-zh的多语言信息，统一注册到独立的i18nVue实例中，供组件获取桩数据、获取默认配置、初始化组件统一使用。 建议实现。 initReaderVm render中抽取的独立逻辑，初始化运行态组件VM实例。在实例中获取数据并实现组件的核心渲染。 建议实现。 registe
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
