检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
onClickNew(eventArgs, extParam1, extParam2, ...)。 图1 设置绑定事件 单击“确定”，弹出JS面板。 在JS面板中进行绑定方法的具体逻辑实现。 单击“保存”，绑定事件完成。 父主题： 高级设置
量。 图1 添加变量 画布中选中组件，在组件属性设置面板选择“样式”。 单击行内样式的编辑框后的。 在弹框中进行变量绑定。 图2 绑定变量 单击“确定”，变量绑定完成。 通过修改变量，查看组件样式展示效果。 图3 修改前样式 图4 修改变量 图5 修改后样式 父主题： 样式设置
画布中选中组件，在组件属性设置面板选择“样式”。 单击全局样式的输入框，输入类名，例如.test。 类名不能以数字开头。 绑定组件属性元素ID：使用格式 #elementID。 绑定组件样式类：使用格式 .className。 图1 创建类名 单击回车键，类名创建完成。 父主题： 类名管理
修改类名 使用说明 已创建的类名支持修改。 类名修改，需注意以下事项： 当前组件绑定的类名会被修改。 全局样式中同类名会被修改成新类名。 其他组件绑定的同类名不会被修改。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
选择已有类名 使用说明 除了自动生成和手动新增类名之外，您也可以通过输入框的下拉框来选择已有的类名。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。
图1 添加变量 选中组件，在组件属性设置面板选择“高级”。 单击“循环数据”后的，进行变量绑定。 选择绑定的变量，单击“确定”。 图2 绑定变量 为展示内容添加变量，默认为item。 绑定成功后，查看渲染效果。 图3 添加变量 图4 查看渲染效果 相关概念关联： 循环数据，即需要循环渲染的数组，在这里是state
单击待操作应用模块内的“开发应用”，进入设计器。 画布中选中组件，在组件属性设置面板选择“样式”。 单击全局样式选择框类名旁的删除按钮。 删除后当前组件属性不再绑定该类名。 全局样式面板仍保留该类名及样式，其他组件仍可使用该类名。如需删除CSS中的该样式信息，可通过单击全局样式的，进入CSS面板进行删除。
isLogin，具体操作可参考添加页面变量。 图1 添加变量 选中组件，在组件属性设置面板选择“高级”。 单击“是否渲染”后的，进行变量绑定。 图2 绑定变量 选项绑定的变量，单击“确定”。 绑定成功后可根据变量state.isLogin的值，查看渲染效果。 图3 state.isLogin为false时
子域”。 在顶部下拉框中，选择子域所属的项目和应用。 在子域列表中选择待操作的子域，单击“操作”列的“编辑”。 重新配置子域的基本信息。 表1 编辑子域参数说明 参数 说明 子域名称 输入子域名称，名称只能包含大小写字母、数字、连字符（-）和下划线（_）。 名称必须唯一，不能重复。 描述
在顶部下拉框中，选择子域所属的项目和应用，单击“新建子域”。 配置子域的基本信息。 表1 创建子域参数说明 参数 说明 子域名称 输入子域名称，名称只能包含大小写字母、数字、连字符（-）和下划线（_）。 名称必须唯一，不能重复。 描述 设置子域的描述信息，只包含数字、大小写字母、汉字、空格和常用符号(‘’：？。，！；（）'
extParam1, extParam2, ...)。 图1 设置绑定事件 单击“确定”，弹出JS面板，刚创建的onClickNew事件已存在JS面板中。 在JS面板中编写绑定方法的具体逻辑。 图2 实现逻辑编写 单击“保存”，绑定事件完成。 创建普通方法在生命周期中使用 参考登录Astr
创建数据源 图2 新增数据源字段 单击“保存”，完成数据源创建。 绑定数据源 数据源主要载体为Collection组件，因此在使用数据源之前需要先在画布中拖放入Collection组件，然后在属性面板中选择需要绑定的数据源。 在左侧插件栏中，单击，展开物料资产包。 在Collection组件，并拖拽至中心画布中。
约束与限制 AstroPro当前支持的区域，如表1所示。 表1 支持的区域 区域名称 区域 华北-北京四 cn-north-4
在AstroPro中，每个业务对象默认只有一个“id”固定字段。除此之外，您还可以为其添加creator、createTime、modifyTime和description四个固定字段。 操作步骤 在业务设计页面，选中某个业务对象。 单击BO属性操作中的“编辑字段”，查看对象默认字段。 当前仅添加了一个“id”默认字段。
参数说明 通用参数： id：规定HTML元素的唯一的id。 className：用于属性定义元素的类名；通常用于指向样式表的类和JavaScript中。 ref：接受一个内部值，返回一个响应式的、可更改的ref对象，此对象只有一个指向其内部值的属性。 更多参数说明详情请参考vuejs。
本示例不填 单击“保存”。 绑定事件 在中心画布中选中按钮组件。 在右侧属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上，将显示事件列表。 在事件列表中，单击OnClick事件。 在弹框中输入方法名称，例如handleOnClick。 图1 事件绑定 单击“确定”，弹出JS面板。
选中组件，在组件属性设置面板选择“属性”。 选中文案参数旁的，进行变量绑定。 输入变量，例如：t('lowcode.67564435')，其中lowcode.67564435为词条的key值，可参考复制词条键值获取。 图6 绑定变量 单击“确定”，变量绑定完成。 单击顶部工具栏的中英文切换按钮，可进行中英文切换。
画布内进行页面设计。您还可以单击选中画布中的组件，右键直接在画布中插入组件，添加父级，删除组件，复制组件及绑定事件。 右侧属性设置面板 右侧设置面板分为属性设置、样式设置和高级设置面板。 属性设置，设置组件的属性，比如按钮组件的ID、className、按钮文本。 图3 基本属性设置
高级设置 条件渲染 循环渲染 绑定事件 父主题： 前端应用管理
样式设置 通过样式面板配置样式 直接编写样式代码 类名管理 使用状态选择器 行内绑定状态变量 父主题： 前端应用管理
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
