检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
形成流动布局。 针对复杂情况,可以使用CSS3的@media查询。针对不同的终端类型和不同屏幕分辨率的设备,定义不同样式,选择应用不同的CSS规则。只有当该设定媒体查询与正在使用的设备匹配时,其对应的CSS规则才起作用。 CSS语法如下: @media mediatype and|not|only
设置完成后,单击“确定”。 属性值绑定:将容器组件的某个属性,如隐藏、样式、弹性布局等与具体的模型字段相绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。 在“属性”下拉框中,选择容器的某个属性。 在模型字段中,单击,进入选择模型页面。
基本属性:基本属性通过数据绑定后,在运行时以数据绑定的值为准。 标签:设置组件的标签名,用于在界面展示。 文本:上传按钮上,显示的文本。 默认已上传的文件列表:设置默认已上传的文件列表。 存储:上传文件的存储类型,单击该参数后的,可进行配置。 存储:存储器类型。 OBS:通过OB
设置完成后,单击“确定”。 属性值绑定:将容器组件的某个属性,如隐藏、样式、弹性布局等与具体的模型字段相绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。 在“属性”下拉框中,选择容器的某个属性。 在模型字段中,单击,进入选择模型页面。
page3")}}</router-link> </div> 根据需要修改解压后的“Navigator_Widget.css”文件(本场景不需要修改)。 “Navigator_Widget.css”文件是Widget的样式文件,在该文件中编写Widget的css样式。 #navigator_widget { font-size:
面包屑组件用于显示网站的层级结构,告知用户当前所在位置。 图1 面包屑组件 数据绑定 将面包屑组件的某个属性,如隐藏、样式、跳转等与具体的模型字段相绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。 图2 单击添加图标
生成全局唯一标识。 样例代码解读 通过下面详细的脚本代码内容解读,使您对脚本有一个更具体的认识。 一般情况下,编写脚本的大致流程为: 按需引入平台标准库。 图2 引入平台标准库 定义出参、入参结构。 图3 定义入参 图4 定义出参 定义方法以及使用的对象。 图5 定义方法及使用对象 进行数据库操作。
none"></div> 根据需要修改解压后的“Vue3Navigator_Widget.css”文件(本场景不需要修改)。 “Vue3Navigator_Widget.css”文件是Widget的样式文件,在该文件中编写Widget的css样式。 .navigator-widget-container
可合并为一个大列,选中的列将作为大列的子列显示。 分解:在已添加列中,选中某个包含多个子列的大列,再单击“分解”,即可分解此大列。 添加字段:表格的列,当表格组件绑定了数据模型后,可选择绑定的模型中的字段成为表格的列,以及表格的查询条件。 添加操作列:表格的列,在表格中添加可操作
可合并为一个大列,选中的列将作为大列的子列显示。 分解:在已添加列中,选中某个包含多个子列的大列,再单击“分解”,即可分解此大列。 添加字段:表格的列,当表格组件绑定了数据模型后,可选择绑定的模型中的字段成为表格的列,以及表格的查询条件。 添加操作列:表格的列,在表格中添加可操作
名称:连接器的名称。 访问密钥:MINIO的访问密钥ID。 密钥:MINIO的秘密访问密钥。 内容分发网络:CDN服务器的地址。配置后,后续访问上传的静态资源时,可不用登录MINIO,直接通过CDN访问到静态资源。 描述:连接器的描述信息。 打包当前配置:默认为选中,对信息敏感的场景,建议不勾选。
设置完成后,单击“确定”。 属性值绑定:将容器组件的某个属性,如隐藏、样式、弹性布局等与具体的模型字段相绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。 在“属性”下拉框中,选择容器的某个属性。 在模型字段中,单击,进入选择模型页面。
当低代码平台提供的全局高级组件无法满足您的开发需求时,支持开发者自定义组件包,上传后可在高级页面中使用。自定义组件的开发流程如下: 下载系统预置的组件模板到本地。 基于模板,在本地根据自身业务需求开发组件。 将已开发好的组件上传到组件库。 场景描述 本章节以开发网站中常用的标签切换页面
在“全部”页签中,单击对应的组件模板。 租户:展示用户自定义的组件模板,AstroZero支持增加、删除和修改自定义的组件模板。 全局:展示AstroZero预置的组件模板,可查看预置的组件和下载组件,但不能删除。 全部:展示了AstroZero中所有的组件模板,包括预置和自定义的。 在组件详
脚本中预置的API AstroZero平台的脚本引擎采用TypeScript语言。脚本执行时,TypeScript语言会被翻译成JavaScript语言,由JavaScript引擎执行。 在JavaScript es5的官方标准库外,AstroZero还扩展了10+预置标准库(即
访问密钥 MINIO的访问密钥ID,需用户提前获取。 密钥 MINIO的访问密钥,需用户提前获取。 内容分发网络 CDN服务器的地址。配置后,后续访问上传的静态资源时,可不用登录MINIO,直接通过CDN访问到静态资源。 描述 请根据实际需求,在输入框中输入连接器的描述信息。 打包当前配置
配置项时,IDE触发的对潜在内容名称的补全提示。 依赖库补全:脚本代码中引入依赖的代码行时,对依赖库的名称进行推荐提示。如下图所示,开发者键入“import * as xxx from”后,提示z开头的依赖库名称。 表名(即对象名)补全:脚本代码引入对象数据的代码行中,推荐提示对
组件开发的工作量,详情请参见开发高级组件。 通过组件模板开发 若全局高级组件中,未包含所需要的组件类型,可以基于低代码平台提供的组件模板进行自定义组件的开发。组件模板中已为您构建组件的基本架构,详情请参见开发高级组件。 库 库是支撑高级组件运行的第三方依赖,若缺少相应的库,则组件
如果选择“下载原始模板”,下载到本地的组件包中,组件名称不会被修改。 开发自定义组件 初识组件文件结构。 将下载到本地的组件包进行解压,使用您熟悉的开发工具进行开发。本章节以下载组件模板中下载的TabsWidget组件为例,介绍组件包的文件结构以及各文件的功能。 表2 组件文件结构 文件名
设置完成后,单击“确定”。 属性值绑定:将容器组件的某个属性,如隐藏、样式、弹性布局等与具体的模型字段相绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。 在“属性”下拉框中,选择容器的某个属性。 在模型字段中,单击,进入选择模型页面。