正在生成
详细信息:
检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
*.vue:用于定义 Vue 组件,包括模板(HTML)、脚本(JavaScript)和样式(CSS)。 组件协议结构规范 组件协议结构规范用于描述组件的关键信息和配置项,对应组件的components字段。 表1 组件协议结构规范 字段 说明 类型 name 组件名称,已“i18n”形式配置。
com/,提供了大部分的cdn链接,可以从上面获取。 在页面预览中,并不会对所有代码和依赖进行转译,npm依赖需要以cdn方式进行引入,所以,如果添加了npm工具类,在预览失败时,请确保已添加cdn链接。 预置cdn链接说明 为了使用的方便,目前在Vue技术栈中,已经预置了一部分np
入(相对于当前选中组件而言)。 图3 插入组件 图4 选择插入位置 弹框中选择待插入的组件,即可插入指定位置。 图5 选择组件 选中组件 添加了组件之后,您可以选中组件,对组件进行修改、删除、移动等操作。 以下为选中组件的相关方法: 从画布中直接单击组件选中组件。 图6 直接单击选中组件
本章节以按钮组件单击时显示Loading效果为例为您介绍npm utils的使用。 添加组件 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“应用开发”,进入设计器。 在左侧插件栏中,单击,展开物料资产包。
数据源主要载体为Collection组件,因此在使用数据源之前需要先在画布中拖放入Collection组件,然后在属性面板中选择需要绑定的数据源。 在左侧插件栏中,单击,展开物料资产包。 在Collection组件,并拖拽至中心画布中。 选中组件,在属性设置面板中选择“属性”。 d
查看自定义组件物料包 自定义组件物料包上传成功后,支持查看物料包信息。 物料中心为Astro Pro企业版功能,如果您需要使用此功能,请升级Astro Pro产品版本。 查看自定义组件物料包 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台
更新自定义组件物料包 自定义组件物料包上传成功后,支持更新修改。 物料中心为Astro Pro企业版功能,如果您需要使用此功能,请升级Astro Pro产品版本。 更新自定义组件 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 >
上传自定义组件物料包 设计器已提供了页面设计的基本组件,您还可以根据自己的特定需求和功能要求创建自定义组件。 物料中心为Astro Pro企业版功能,如果您需要使用此功能,请升级Astro Pro产品版本。 上传自定义组件 参考登录AstroPro界面中操作,登录AstroPro界面。
下载自定义组件物料包 物料中心提供了一个高效的物料管理解决方案,支持将之前上传的物料包下载回本地环境。这一功能极大地方便了物料的传输和再利用。 物料中心为Astro Pro企业版功能,如果您需要使用此功能,请升级Astro Pro产品版本。 下载自定义组件物料包 参考登录Astr
单击待编辑应用模块内的“应用开发”,进入设计器。 选中组件,在组件属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上,将显示事件列表。 在事件列表中,选择onClick事件。 在弹框中设置绑定事件。 方法名称:选择已有方法或者添加新方法,如果选项添加新方法,单击“确定”之后将在JS面板中创建一个该名称的新方法。
当选中一个组件,还没有自动生成类名时,您可以单击输入框手动输入类名,然后继续编辑样式面板的样式。 此时,组件会自动绑定您输入的类名,然后将在样式面板编辑的样式生成代码,写入到全局样式中。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台
已创建的类名支持修改。 类名修改,需注意以下事项: 当前组件绑定的类名会被修改。 全局样式中同类名会被修改成新类名。 其他组件绑定的同类名不会被修改。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编
设计器提供了一种功能,允许使用定义变量来动态计算组件的位置。这些计算结果随后可以直接应用到组件的行内样式style属性中,从而实现动态样式的调整和布局的优化。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。
参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待操作应用模块内的“应用开发”,进入设计器。 画布中选中组件,在组件属性设置面板选择“样式”。 单击全局样式选择框类名旁的删除按钮。 删除后当前组件属性不再绑定该类名。
创建页面 单击“保存”。 在弹框中输入历史备份信息,单击“确定”。 步骤三:页面设计 前端应用由一个或多个组件拼装而成。在左侧插件栏打开物料资产包,选择合适的组件,拖拽到中间画布中。在画布选中组件,设置组件的属性、样式以及绑定事件。 本示例中,使用到组件有Box、Text、Img、输入框和按钮。
属性设置 使用说明 添加组件后您可以通过右侧的属性设置面板,对当前选中组件进行属性的设置。 参数说明 通用参数: id:规定HTML元素的唯一的id。 className:用于属性定义元素的类名;通常用于指向样式表的类和JavaScript中。 ref:接受一个内部值,返回一个响
图2 设置间距 尺寸:设计组件的宽高,溢出处理策略及适应方式。 图3 设置尺寸 定位:设置组件位置和大小如何计算方式。 默认定位:没有特别的定位,组件的位置会按照正常的文档流进行布局。 相对定位:组件的位置相对于它在文档流中的位置进行偏移。组件仍然占据原来的空间,不会影响其他元素的布局。
来选择已有的类名。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“应用开发”,进入设计器。 画布中选中组件,在组件属性设置面板选择“样式”。 在全局样式选择框中选择已有的类名,例如
# 开源组件mybatis的mapper.xml文件存放目录 {biz}Mapper.xml # 该目录下的文件禁止用户改动 base资源目录结构 代码结构说明中的“{biz}”,为在AstroPro的业务设计中定义的对象,如BO、Abstract
模块,可以在插件栏的物料面板中,将组件拖拽至中心画布内,然后单击画布选中组件,修改组件的属性、样式、绑定事件等。 右侧属性设置面板 右侧设置面板分为属性设置、样式设置和高级设置面板。 属性设置,设置组件的属性,比如按钮组件的大小、文案、按钮类型等组件提供配置的属性。 图3 基本属性设置