检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
即铺满整个组件。 标题设置：是否显示标题，设置为“显示”时，支持设置如下属性。 标题内容：设置标题的内容。 标题字体：设置标题的字体、颜色和大小等。 配置 在配置中，设置多趋势组件的数值、主要趋势和次要趋势等。 图4 多趋势配置 统一配置 > 对齐方式：设置组件的对齐方式，支持左对齐、居中和右对齐。
接口鉴权方式：设置接口的鉴权方式，支持无身份认证和基本身份认证（用户名/密码）两种。 无身份认证：不需要任何验证信息，直接调用的接口，通常用于访问一些公开的接口。 基本身份认证（用户名/密码）：通过输入用户名和密码，来进行用户身份验证。 用户名：“基本身份认证”鉴权中的用户名部分。“
题、图表、卡片背景、卡片边框）和图表元素构成。 图3 轮播页面卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。
发布及安装项目 发布项目 安装项目 如何将华为云Astro轻应用中的大屏项目迁移到华为云Astro大屏应用
图层管理 视图切换 组件图层位置移动 筛选组件
地图 高德地图 地图 OpenLayers地图 父主题： 组件介绍
标题背景色：设置标题的背景颜色。 内边距： 设置标题距离组件上下左右边界的距离。 图4 设置上边距 标题偏移量：设置标题与指标之间的距离。 图5 标题偏移量 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框
仅在输入框失去焦点或用户按下回车时触发 (data, field) blur blur 在输入框获得焦点时触发 (value, data, field) focus focus 在输入框失去焦点时触发 (value, data, field) 配置示例 textarea配置示例如下，设置后效果如图1所示。
从组件数据中进入盘古助手 参考使用空白画布新建页面中操作，新建一个空白页面。 在“组件”页签中，拖拽所需的组件到画布中。 选中组件，单击组件上方的，进入组件数据设置页面。 在“数据类型”中，选择数据源类型，并选择数据源。 在“数据配置”下方，单击“+”，选择“转换器”。 选中转换器，此时页面会出现一个图标。
桥接器模板 桥接器为连接前台页面和后台数据的连接器。在进行前台页面开发时，经常要调用后台数据，例如购物车中用户的ID，订单编号，商品信息等，这时需要通过桥接器动态调用后台接口获取后台数据。通过华为云Astro大屏应用预置的桥接器模板，您可以自定义桥接器。自定义桥接器时，需要先下载
后台筛选需要搭配全局变量使用，请创建filters变量。 图3 新建筛选全局变量。 交互设置。 选中高级表格组件，单击，进行组件交互设置。 添加“点击筛选时”交互动作。 图4 点击筛选时交互动作 设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，
图表 实心圆饼图 轮播饼图 满月饼图 基本饼图 贪吃蛇饼图 玫瑰花饼图 渐变色饼图 基本折线图 多折线图 区域图 多区域折线图 水位图 箭头水位图 水滴水位图 钻石水位图 三角形水位图 圆角矩形水位图 矩形水位图 进度条 图标进度条 热力图 基本漏斗图 双向柱图 折柱图 水平基本柱图
标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 全屏卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。
颜色类型：设置背景颜色类型，支持单一色和渐变色。设置为“单一色”时，支持设置背景颜色。设置为“渐变色”时，支持设置渐变类型和渐变方向等。 渐变类型：设置渐变的类型，如线性渐变、径向渐变和自定义输入。 渐变方向：设置颜色的渐变方向，如向上、向下、向右等。“渐变类型”设置为“线性渐变”时，才需要设置此参数。
标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 图片卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。
标题、图表、卡片背景、卡片边框）和图表元素构成。 图4 天气卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。
组件交互 组件自定义事件实现 组件响应动作实现 父主题： 自定义组件开发规范
后台排序需要搭配全局变量使用，请创建sortType、sortField。 图3 新建排序全局变量。 交互设置。 选中高级表格组件，单击，进行组件交互设置。 添加“点击排序时”交互动作。 图4 点击排序时交互动作 设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，
在项目发布中，单击待发布版本后的，设置该版本为当前发布版本。 如何新建项目版本并发布，请参见发布及安装项目。 图1 发布版本 设置项目访问限制。 按照项目限制：项目中页面首次完成验证后，其余页面无需二次验证。例如，页面A、B、C设置了Token认证，页面D、E、F设置了分享码。勾选按照项目限
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
