检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在“布局与颜色”页签，设置应用布局样式。 主题颜色：系统预置的主题颜色。 图标：设置应用的Logo，如更改Logo图片、设置圆形图标和隐藏文字。将鼠标放在“图标”下的图片上，选择“更改”，可更改应用Logo。 布局：选择“布局”中的样式，在右侧区域设置布局参数，如菜单、子菜单、页签、应用标题的字体及颜色等。
应用导航”，单击应用后的。 设置应用布局样式。 图1 设置应用布局 主题颜色：系统预置了很多主题供您选择。 图标：鼠标放在“图标”下的图片上，选择“更改”，上传新图片，可更改应用Logo，同时支持设置圆形图标和隐藏文字。 图2 设置图标 布局：选择“布局”中的样式（“菜单显示为左侧”等），
“+ 添加过滤条件”，可设置过滤条件。 可选记录条数：设置可选的记录条数，支持单选和多选。 显示方式：记录的显示方式，如下拉框、选项列表。 验证：对字段进行一些限制。“可选记录条数”设置为“多选”时，支持限定选择个数。 必填：该字段是否必填。 限定选择个数：限制显示选项的个数。
可选择记录数：选择组织内配置好的部门，支持单选或多选。 可选范围：选中“可选范围”，单击“选择范围”，即可选择对应的部门。如果需要包含所选部门下的子部门，请“勾选包含所选部门下的子部门”。 验证：对该字段进行一些限制，设置为“必填”，表示该字段必须配置。“可选记录数”设置为“多选”时，支持限定选择个数。
创建空白表单 创建空白表单，即在表单画布中，根据字段数据类型选择合适的组件，通过拖拽编排实现表单的构建。表单及其对应的视图、统计表等组成了应用。 创建空白表单 参考登录零代码工作台中操作，登录AstroZero零代码工作台。 在“全部应用”中，将鼠标放到已创建的应用上，单击，选择“编辑”。
AstroZero零代码中的应用，是由表单及其对应的视图、统计表等组成。创建表单，即在表单画布中，根据字段数据类型选择合适的组件，通过拖拽编排实现表单的构建。 创建空白应用 参考登录AstroZero移动端零代码工作台中操作，登录AstroZero移动端零代码工作台。 在全部应用中，
展示不同产品类别的图片信息。两个组件通过事件-动作机制实现交互，在标签页组件中注册标签切换事件，此事件绑定信息展示组件中切换产品图片的动作。 本章节使用的示例组件开发过程中，使用了前端开发框架Vue及组件库Element。事件-动作机制的详细介绍，请参见如何实现组件交互。 操作步骤
可选择记录数：设置可选的用户是单选还是多选。 可选范围：单击“选择范围”，设置从哪里获取用户。 显示用户以下信息：勾选显示的用户字段信息，如姓名、账号。 填报数据搜索用户姓名时，页面会展示用户所属部门，当用户有重名的现象时，方便根据所属部门进行确认。 验证：对字段进行限制设置。“可选择记录数”设置为“多选”时，支持限定选择个数。
不同产品类别的图片信息。两个组件通过事件-动作机制实现交互，在标签页组件中注册标签切换事件，此事件绑定信息展示组件中切换产品图片的动作。 本章节使用的示例组件开发过程中，使用了前端开发框架Vue及组件库Element。事件-动作机制的详细介绍，请参见添加事件或宏实现AstroZero高级页面组件交互。
您也可以在应用详情页，单击应用名称后的箭头图标，选择“分享应用”。 图2 分享应用 单击“分享链接”后的，可分享该应用给其他用户。 单击，可在新窗口打开该应用，分享二维码图片给其他WeLink用户可供扫码访问应用。 图3 分享应用 父主题： 管理零码应用
新版生产环境。 在左侧导航栏中，选择“企业配置 > 工作台 > 外观与操作”。 在上传背景图中，单击待自定义图片后的，可自定义背景图片。 图4 上传背景图片 单击右侧图片上的预览，可预览设置效果。 图5 预览设置效果 预览效果符合预期后，单击“保存”。 自定义菜单 在AstroZ
导出统计页面 统计页面设计完成后，支持在开发态和运行态导出统计页面（导出图片格式为png）。 导出统计页面 参考登录零代码工作台中操作，登录AstroZero零代码工作台。 在全部应用中，单击对应的应用，进入应用开发页面。 单击页面右上角的“查看统计”，进入统计页面。 单击已有统计页面后的，选择“导出”。
setButtonText：对外显露的方法，用于修改按钮中的文本。 修改视图文件“imgButton.vue”中的“style scoped”，定义图片按钮的样式类。 包括图片按钮外框、图片、文本三个样式类，如下图所示。 图10 定义样式类 .imgButton { display: inline-block;
容器内部，可以考虑采用绝对单位固定其关系，这对于不需要扩展的按钮等元素来说非常有效。 图片的自适应 自适应组件设计还需要满足图片的自适应，可以使用max-width，对图片宽度进行限制，确保图片宽度不会超过浏览器窗口或容器可视部分的宽度。 移动优先 通常来说，移动端屏幕较小、视图
设置组件角边框，包含边框宽度、长度、颜色、弧度和边距。 背景 样式 设置组件背景图片的展示模式，包含普通、居中、拉伸和平铺。 图片链接 设置背景图片。 颜色 设置组件背景颜色。 数据设置：设置组件绑定的桥接器，以实现通过桥接器调用后台接口，获取后台数据，详情请参见如何调用后台接口。 事件
上传文件 功能介绍 将本地文件上传到存储中。使用该API上传文件，默认只会上传到连接器下配置的第一个桶中。待上传的文件可以是文本文件、图片、视频等任何类型。 URI POST AstroZero域名/u-route/baas/sys/v1.1/connectors/{connec
图2 配置测试参数 选择类型：识别的主体可以是图片或文本信息。本示例选择“文字识别套件 / 图片文件”，并上传待识别的行程码图片。 文字识别套件 / 图片URL：识别的主体是图片URL。 文字识别套件 / 图片文件：识别的主体为图片文件。 自然语言处理套件 / 文本信息：识别的主体为文本。
图3 配置测试参数 选择类型：识别的主体可以是图片或文本信息。本示例选择“文字识别套件 / 图片文件”，并上传待识别的行程码图片。 文字识别套件 / 图片URL：识别的主体是图片URL。 文字识别套件 / 图片文件：识别的主体为图片文件。 自然语言处理套件 / 文本信息：识别的主体为文本。
存放商品图片，此处存放了10张商品图片，分辨率统一为380x440，如图3所示。 图3 新建img存在商品图片 在commodityListWidget.js中，新建Commodity对象并为其赋值。 其中，Commodity对象包含三个属性，分别为src（商品图片路径）、ti
测试是否可识别花卉图片。 在连接器详情页面，单击“测试”。 配置测试参数，单击“测试”。 图3 配置测试参数 选择类型：识别的主体可以是图片或者文本信息。本示例选择“图片文件”，并上传待识别的图片。 图片URL：识别的主体是图片时，可选择“图片URL”并设置图片的URL。 图片文件：识别
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
