检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
通用配置示例如下，以global_SelectWidget组件为例，设置后效果如图1所示。本示例中的global_SelectWidget为华为云Astro大屏应用系统预置的下拉框组件，可在“我的资产 > 我的组件”中获取。 { type: 'tab', name:
packageinfo.json 文件介绍 packageinfo.json是组件的元数据描述文件，用于配置组件的基本信息。 文件示例 { "widgetApi": [{ "name": "EchartsWidgetTemplate" }], "widgetDescription":
propertiesConfig是一个数组，用于保存组件配置项的相关字段，包括数据接入配置、组件配置项。 图1 propertiesConfig配置示例 数据接入配置 数据接入配置详细介绍，请参见组件数据接入。 组件配置项 配置示例如下，配置后效果如图2所示，组件配置项详细介绍请参见表1。
组件配置项（Config配置） 配置项总览 通用配置 input textarea input-number slider tab switch radio checkbox colorpicker time select list 父主题： 自定义组件开发规范
目录文件详解 i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题： 代码结构介绍
{widget}.ftl 文件介绍 {widget}.html为组件DOM结构文件，相当于HTML文件，负责样式展示。 在华为云Astro大屏应用中自定义组件时，需要在服务端提前渲染的部分，可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate"
{widget}.css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。 华为云Astro大屏应用的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
el的情况下可以通过输入数字控制label的宽度（单位为px）。 tip Object 否 tip: { zh_CN: "当前排行榜展示的数据行数", en_US: "Number of data rows displayed in the current ranking page
value: "defaultValue" 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN":
Boolean 否 value: true 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN":
value: "defaultValue" 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN":
value: "defaultValue" 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN":
value: "defaultValue" 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN":
value: "defaultValue" 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN":
String 否 value: false 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN":
value: "defaultValue" 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN":
value: "defaultValue" 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN":
配置项类型。 value String 否 - 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN":
{widget}.editor.js 文件介绍及示例 eventConfig classfication propertiesConfig 父主题： 目录文件详解
String 否 value: 1 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN":
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
