检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图6 自定义行布局 布局模式：设置每一个分栏的布局模式。 流式布局：页面元素的宽度，按照屏幕分辨率进行适配调整，但整体布局不变。 弹性布局：可以简便、完整、响应式的实现各种页面布局，选择“弹性布局”时还可以设置垂直对齐方式、水平排列方式以及分栏间隔。
首次创建高级页面时，会出现视图选项，请勾选“电脑端”和“手机端”，布局类型选择“流式布局”（流式布局为自适应布局）。 图3 新建CommodityDisplay高级页面 开发CommodityDisplay电脑端和移动端高级页面。
图6 利用组件树快速选中组件 标准页面与高级页面的区别 标准页面提供了流式布局（Flow Layout）和弹性布局（Flex Layout），高级页面提供了流式布局与绝对布局，适用于对样式个性化布局需求更高的业务场景。
为此，AstroZero提供了高级页面的电脑端和移动端两种终端视图、流式布局的响应式布局，并为绝对布局提供“拉伸”功能辅助自适应。 本实践以开发一个满足响应式布局的商品列表组件为例，向您介绍如何适配多终端。
样式 针对有丰富前端开发经验的用户，可通过“样式”面板对页面进行更深度的个性化布局定制。 图片宽度：设置图片的宽度和高度，支持的单位有px和%。 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。
自定义对象的操作 创建自定义对象 查询所有自定义对象 按照object_id查询自定义对象 根据object_id添加字段 根据object_id新增触发器 根据object_id新增校验规则 根据object_id新增布局 根据field_id查询字段 根据object_id查询对象布局
在“基本组件 > 布局”中，拖拽一个列表视图组件到画布中。 图1 添加列表视图组件 再从“表单”中，拖拽一个输入框到列表视图中。 图2 添加输入框 选中列表视图组件，在“属性 > 移动端配置”中，将“默认数据条数”设置为“5”，并开启“显示加载文字”和“异步加载”。
修改设备对象的列表页面布局。 单击设备对象HW__Equipment__CST的“布局”页签。 单击“Equipment Records”，打开页面详情。 图8 对象布局 选中列表“表格”，如图9所示，再单击界面右侧“属性”页签中的。 如果当前页面已锁定，请先单击，解锁页面。
基本属性 弹性布局：是否开启弹性布局。开启后，可以简便、完整、响应式的实现各种页面布局。 列数：设置表单的列数。开启弹性布局时，才显示该配置。 标签对齐方式：设置标签对齐方式，如左对齐、右对齐和上侧对齐。 动态表单数据：请输入JSON格式的选项内容。
布局：是否开启自动布局功能，默认为开启。如果不开启，可根据实际需求进行如下设置。 列表布局：设置图例的列表布局，如垂直、水平。 标签换行：是否开启标签换行。开启后，当标签字数超过设置的单行最多字数时会自动换行。
布局：是否开启自动布局功能，默认为开启。如果不开启，可根据实际需求进行如下设置。 列表布局：设置图例的列表布局，如垂直、水平。 标签换行：是否开启标签换行。开启后，当标签字数超过设置的单行最多字数时会自动换行。 单行最多字数：设置图例单行最多显示多少字，取值为1~50。
在对象配置页面选择“布局”页签，单击“visitorlnfo Records”，进入对象布局页面后，选中页面中的表格组件，可在布局页添加或者删除字段。 图20 进入布局页 图21 添加或者删除字段 父主题： 创建和使用对象模型
对象页签：关联一个对象的布局，将展示指定对象的某个布局页面。 标准页面页签：用于关联并展示一个标准页面。 高级页面页签：用于关联并展示一个高级页面。 BPM页签：用于关联并展示一个BPM。 Web页签：用于关联一个URL，将展示URL对应的网页或页面。
您可以根据自己的喜好，设置导航的布局及颜色，默认导航菜单是靠左，蓝色。 如图4所示，单击红框中的布局，即可将导航菜单设置为横向菜单，然后单击“保存”。 图4 切换为横向导航 父主题： 验证工单管理功能
图1 创建高级页面 设置“标签”和“名称”为“Login”，并选择“绝对布局”，单击“添加”。 图2 添加高级页面 高级页面布局有绝对布局和流式布局两种，页面布局详细介绍请参见高级页面布局。在应用中首次添加高级页面时，支持设置视图（电脑端、手机端）。
对象页签：关联一个对象的布局，将展示指定对象的某个布局页面。 标准页面页签：用于关联并展示一个标准页面。 高级页面页签：用于关联并展示一个高级页面。 BPM页签：用于关联并展示一个BPM。 Web页签：用于关联一个URL，将展示URL对应的网页或页面。
例如：不支持“search T.from 列表名 as T where condition条件;”。 text类型采用了英语分词器，因此大小写单复数不敏感，“movie”可匹配“Movies”。 同sql语句一样，search语句也大小写不敏感。
修改要发布的页面模式，单击“Page”目录下的“用户体验”页面，单击页面，切换页面布局模式为手机模式，单击。 图15 修改用户体验布局为手机模式 按照同样的方式，修改页面“调查问卷”的布局模式为手机模式。
本脚本实例不涉及对象，及调用接口等内容，脚本只实现请求“http://www.example.com”，返回网站请求的消息头功能。 创建空白脚本 参考登录经典应用设计器中操作，登录经典版应用设计器。 将光标放在某个文件夹（例如Logic）上，单击，选择“脚本”。
基本属性 弹性布局：是否开启弹性布局。开启后，可以简便、完整、响应式的实现各种页面布局。 列数：设置表单的列数。开启弹性布局时，才显示该配置。 标签对齐方式：设置标签对齐方式，如左对齐、右对齐和上侧对齐。 动态表单数据：请输入JSON格式的选项内容。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
