检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
将已开发好的组件上传到组件库。 场景描述 本章节以开发网站中常用的标签切换页面为例,向您介绍如何基于组件模板在线开发组件。标签切换效果如图1所示,页面中主要包含标签栏和详情展示模块两部分,可以通过切换标签来控制详情展示模块中的展示内容。 图1 标签切换效果 本章节主要在高级页面中,通过两个组件(标签页
分页 当数据量较多时,可以使用分页组件,快速进行数据切换。分页组件一般与表格组合使用时,分页组件可以对表格数据进行分页显示、数据切换,系统内置的表格组件中已包含了分页组件。 在标准页面设计界面,从“基本组件 > 基本”中,拖拽“分页”组件至页面工作区域,如图1。 图1 分页 查看组件帮助
设置AstroZero标准页面分页组件属性 当数据量较多时,可以使用分页组件,快速进行数据切换。分页组件一般与表格组合使用时,分页组件可以对表格数据进行分页显示、数据切换,系统内置的表格组件中已包含了分页组件。 图1 分页组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和
设置应用 切换应用 例如,从当前A应用切换到B应用。在5G消息应用开发界面右上角,单击该应用后的,选择B应用,即可完成切换。 参考如何登录5G消息应用开发平台中操作,登录5G消息应用开发平台。 在页面右上角,单击该应用后的。 在切换应用中,单击目标应用。 图1 切换应用 修改应用名称
将开发完的自定义组件上传到组件库,并在高级页面中使用。 本章节以开发网站中常用的标签切换页面为例,向您介绍如何基于组件模板在线开发组件。参考消费者业务网站(如图1所示),页面中主要包含标签栏和详情展示模块两部分,可以通过切换标签来控制详情展示模块中的展示内容。 图1 消费者业务网站示例 本章节
该组件可降低对当前页面资源的占用,提升性能。 路由导航(示例):通过配置不同的路由页面,快速切换和定位到其它的页面中,给数据页面提供更多的交互模式。 选项卡:用于快速在页面某区域中切换不同内容,显示为其关联内容上方的单行元素。 其它 用户自定义的组件会显示在“其他”中。 为高级页面添加组件
A中开发好的5G消息应用迁移导入到环境B中。 操作步骤 获取待导入的5G消息应用包。 参考图1,在环境A的5G消息应用开发平台中,在右上角切换到需要导出的应用界面,单击应用列表后的导出按钮,导出应用包。 图1 导出应用 参考如何登录5G消息应用开发平台中操作,登录环境B的5G消息应用开发平台。
变更套餐规格 背景信息 在购买AstroZero后,如果发现当前的规格无法满足业务需求时,您可以变更套餐的规格。当需要变更到高规格套餐时,需补齐版本差价,剩余服务周期按照剩余天数(不含闰年的2.29号)/365 进行计算(变更当天不算),续费时按照变更后的版本进行续费。 升级版本费用
在高级设置中,可设置轮播时长、切换方式等。 图2 高级设置 轮播设置 切换方向:广告图片的轮播切换样式,支持横向滚动切换、右下角滚动切换和纵向滚动切换。 加载自动播放:是否自动轮播。开启后,支持设置图片轮播时间间隔(不大于24秒)。 切换方式:设置图片切换时,展示的样式,如淡出、推出等。
在高级设置中,可设置轮播时长、切换方式等。 图3 高级设置 轮播设置 切换方向:广告图片的轮播切换样式,支持横向滚动切换、右下角滚动切换和纵向滚动切换。 加载自动播放:是否自动轮播。开启后,支持设置图片轮播时间间隔(不大于24秒)。 切换方式:设置图片切换时,展示的样式,如淡出、推出等。
在AstroZero高级页面中使用轮播组件实现图片展示和URL跳转 期望实现效果 高级页面中的轮播组件主要用于多个图片的自动循环切换。您也可以为图片添加超链接,即单击图片,跳转到指定的网站。 图1 最终实现效果 功能实现方法 在应用设计器中,选择“界面”,单击高级页面后的“+”,新建一个高级页面。
当页面中组件过多,不易选择某个组件时,可以先选择该组件附近的某个子组件,当选中子组件后,“组件导航”上将显示它的html标签层级。直接单击标签层级,即可快速切换组件。 如图1所示,当不易选择栅格容器时,可以先任意选择栅格容器中的某个子组件,当选中子组件后,“组件导航”上可以显示子组件“多行输入框”
当该按钮置灰时,表示不可删除。系统预置的服务编排不可删除。 在“服务编排”页签显示的列表中,单击具体的服务编排名称,显示该服务编排的详情页。 在详情页可切换服务编排版本、运行或删除服务编排。详情页参数说明请参见表2,未涉及参数请参见界面解释。 图1 单击服务编排名称 表2 “服务编排详情”页面参数说明
面的调测分为调试事件和调试DOM及样式两类。 调试事件 打开一个标准页面。 图1 标准页面实例 选择一个组件,例如“上传”组件,在右侧区域切换到“事件”页签,单击“文件上传”事件后的“+”,进入“上传”事件的编排页面。 图2 单击文件上传后的加号 在代码编辑区域,使用“debugger”
的图元类型、图元名称以及该操作的描述。模块在执行子流程时,会切换为子流程的类型和名称。 若不符合预期,则重新返回BPM修改,重复 2 。 常见错误 变量赋值错误? 请检查输入参数的类型与定义是否匹配,必要时进行类型转换。 变量结构错误? 请检查输入参数的结构(属性名、取值类型)与
息和处理工单三部分。其中,前两部分是管理员权限进行的操作(这里管理员账号,均使用应用开发者账号进行)。处理工单部分,需要根据工单流程顺序,切换客服人员、派单人员、维修人员以及管理员号进行测试。 管理员用户:当前登录AstroZero开发应用使用的账号,用于新增业务用户、添加用户权限、添加设备信息、管理工单,监控设备。
的图元类型、图元名称以及该操作的描述。模块在执行子流程时,会切换为子流程的类型和名称。 如果不符合预期,则重新返回工作流修改,重复执行4。 常见错误 变量赋值错误? 请检查输入参数的类型与定义是否匹配,必要时进行类型转换。 变量结构错误? 请检查输入参数的结构(属性名、取值类型)
件,也可以快速切换组件。例如,在上图的组件导航中单击“页面”,可以直接选中页面上的最外层页面组件。 利用组件树,快速选中组件。 在组件数量比较多,位置较为紧密时,您也单击页面右下角的“组件树”,展开组件树,在组件树中,直接单击标签层级,快速选择组件,也可以快速切换组件。 图6 利用组件树快速选中组件
在高级页面上方的工具栏中,单击(Alt+Shift+W)切换至“电脑端”。单击(Alt+Shift+M)切换至“移动端”,通过切换,对电脑端和移动端,分别进行设计与开发。 图2 视图切换 流式布局与绝对布局的自适应设计 以电脑端为例,分别为您介绍流式布局与绝对布局的自适应设计。 流式布局 流式布
启用页签栏:是否启用页签栏。 切换菜单时记录浏览器历史:切换菜单时,是否记录在浏览器历史中。 是否全屏:是否全屏显示页面,全屏后会折叠左侧菜单。 隐藏国际化按钮:是否隐藏右上方国际化按钮。 禁止应用切换:是否禁用应用切换。禁用后,在运行态Portal中,单击左上角应用图标,不会再弹出切换应用的界面。