检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图7 选择操作列按钮 图8 表单属性页面 父主题: 设置AstroZero标准页面组件属性
父主题: 设置AstroZero标准页面组件属性
父主题: 设置AstroZero标准页面组件属性
父主题: 设置AstroZero标准页面组件属性
如何调测标准页面 标准页面开发完成后,需要预览调测,验证页面是否实现了想要的效果。标准页面的调测分为调试事件和调试DOM及样式两类。 使用说明 标准页面开发完成后,需要预览调测,验证页面是否实现了预期效果。标准页面的调测分为调试事件和调试DOM及样式两类。
如何下载组件模板,请参见管理组件模板 图5 事件、动作组件模板 组件模板中包含多种功能的示例组件,可以参考组件模板开发自定义组件,组件模板的下载及说明请参见在线开发AstroZero高级页面自定义组件。
在页面中,将鼠标放在对应的标准页面上,单击,选择“详情”。 在标准页面的详情页面,可查看标准页面的标签、归属APP和版本等信息。 移动标准页面 标准页面创建后,支持将标准页面移动到拥有开发权限的应用中。
AstroZero高级页面概述 什么是高级页面 高级页面是由一个或者多个组件拼装而成。高级页面可以使用组件进行组装和配置,方便用户达到自己想要的效果。高级页面支持多种框架,支持代码开发,比较自由,多用于对页面效果要求高的场景。
图7 复制组件 单击页面上方的,保存页面。 单击,预览高级页面,查看当前页面在运行态的效果。 图8 预览高级页面 流式布局高级页面 在流式布局中,拖拽到页面中的组件,将根据从上到下、从左到右的顺序依次排列,组件的高度将根据组件内容大小进行自适应,宽度可按百分比进行配置。
创建一个标准页面 创建一个空白的标准页面,并根据实际业务完成页面设计。 创建标准页面 参考登录经典应用设计器中操作,进入应用设计器。 在对应的文件夹后,单击,选择“标准页面”。 输入标签页面的“标签”和“名称”,单击“添加”。 根据业务需求,设计标准页面。
父主题: 标准页面
单击页面上方的,保存页面。
如何设置页面水印 使用说明 如果需要为高级页面设置水印,可参考本章节操作。 操作步骤 参考登录经典应用设计器中操作,登录经典版应用设计器。 在需要设置水印的高级页面后,单击“...”,选择“设置”。 若页面已被锁定,请在编辑页面上方单击,先获取锁。
在应用开发过程中除了新建页面,其它页面相关操作都必须先锁定页面,包括编辑页面、删除页面、下载页面、发布页面模板、复制页面、保存发布页面。同时,在进行页面设置前,必须先锁定页面设置。
图16 弹性布局实现居中 移动端配置 固定底部:开启后,在移动端预览页面时,容器组件在页面底部显示。 图17 显示在页面底部 固定顶部:开启后,在移动端预览页面时,容器组件在页面顶部显示。 图18 显示在页面顶部 按钮填满容器:开启后,在移动端预览页面时,按钮组件填满整个容器。
(可选)单击页面后的,为标准页面添加目录。 标准页面默认存放在根目录下,在创建标准页面前,您可以先创建标准页面存放的目录,也可以在标准页面创建后将其拖拽到指定目录。 将鼠标放在已创建的标准页面目录上,单击。 如果无需创建标准页面目录,请直接单击页面后的。
开启:勾选该按钮,下方可见页面适配功能。 页面适配:勾选页面适配下方的“开启”,表示组件开启自适应高度。该属性使页面其它位于其下方的组件,根据该组件的高度变化自动调整位置,一个页面只支持一个组件。 边框 设置组件的边框样式,支持全边框和角边框两种。
设置AstroZero标准页面分栏组件属性 分栏是一种高级的容器组件,分栏相当于行,内部可分多栏(列)。使用该组件,可将页面划分为两栏或多栏,每一栏都可以拖入其它组件。
父主题: 设置AstroZero标准页面组件属性
基础详情页面 基础的详情页面。 操作步骤 参考登录经典应用设计器中,进入经典版应用设计器。 在左侧导航栏中,单击。 鼠标放在应用下的页面文件夹上,单击加号,选择“标准页面”,也可以参考什么是标准页面来创建标准页面。 页面开发完成后,单击页面上方的。