检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
配置样式设置 通过样式面板配置样式 直接编写样式代码 类名管理 使用状态选择器 行内绑定状态变量 父主题： 前端应用管理
配置属性设置 使用说明 添加组件后您可以通过右侧的属性设置面板，对当前选中组件进行属性设置。 参数说明 通用参数： id：规定HTML元素的唯一的id。 className：用于属性定义元素的类名；通常用于指向样式表的类和JavaScript中。 ref：接受一个内部值，返回一个
配置高级设置 条件渲染 循环渲染 绑定事件 父主题： 前端应用管理
需选择。 图1 设置布局 间距：默认间距为0，可单击待设置的间距数值进行自定义修改。 图2 设置间距 尺寸：设置组件的宽高，溢出处理策略及适应方式。 图3 设置尺寸 定位：设置组件位置和大小如何计算方式。 默认定位：没有特别的定位，组件的位置会按照正常的文档流进行布局。 相对定位
使用swagger进行在线API文档配置 文档配置 spring-boot-starter-huawei添加了swagger2和swagger3包的依赖，API在线文档使用springdoc-openapi-ui。springdoc基本配置较为简单，如下所示： springdoc:
画布中选中组件，在组件属性设置面板选择“样式”。 单击行内样式的编辑框后的。 在弹框中进行变量绑定。 图2 绑定变量 单击“确定”，变量绑定完成。 通过修改变量，查看组件样式展示效果。 图3 修改前样式 图4 修改变量 图5 修改后样式 父主题： 配置样式设置
onClickNew(eventArgs, extParam1, extParam2, ...)。 图1 设置绑定事件 单击“确定”，弹出JS面板。 在JS面板中进行绑定方法的具体逻辑实现。 单击“保存”，绑定事件完成。 父主题： 配置高级设置
画布中选中组件，在组件属性设置面板选择“样式”。 单击全局样式的。 在弹框中直接编写全局样式。 可以直接声明多条CSS样式或其他媒体查询的样式。 图3 编写全局样式 单击“保存”，完成全局样式编辑。 通过类名绑定已创建的全局样式。 图4 效果展示 父主题： 配置样式设置
从“business”中，拖拽“BO”对象至画布空白区域。 选中BO对象，在对象属性中，单击“字段”。 单击“新增”，添加一个phone字段，并将脱敏规则设置为2中定义的内容。 设置后，返回的值将进行脱敏处理，如1****123456。 图3 引用脱敏规则 父主题： AstroPro学堂
拖拽组件至画布，分别输入希望展示的文字。 添加变量，例如state.isLogin，具体操作可参考添加页面变量。 图1 添加变量 选中组件，在组件属性设置面板选择“高级”。 单击“是否渲染”后的，进行变量绑定。 图2 绑定变量 选项绑定的变量，单击“确定”。 绑定成功后可根据变量state.isLogin的值，查看渲染效果。
拖拽组件至画布，例如拖拽一个“段落”组件。 添加变量，例如loop.isLogin，具体操作可参考添加页面变量。 图1 添加变量 选中组件，在组件属性设置面板选择“高级”。 单击“循环数据”后的，进行变量绑定。 选择绑定的变量，单击“确定”。 图2 绑定变量 为展示内容添加变量，默认为item。 绑定成功后，查看渲染效果。
删除类名 使用说明 当类名不再使用，可进行删除操作。 删除类名后，全局样式面板仍保留该类名及样式，其他组件仍可使用该类名。如需删除CSS中的该样式信息，可通过单击全局样式的，进入CSS面板进行删除。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
类名管理 新增类名 修改类名 删除类名 选择已有类名 父主题： 配置样式设置
界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 画布中选中组件，在组件属性设置面板选择“样式”。 单击全局样式选择框的类名或者单击类名旁边的修改按钮，重新输入类名，例如.test123。 单击回车键，类名修改完成。 父主题：
单击待编辑应用模块内的“开发应用”，进入设计器。 画布中选中组件，在组件属性设置面板选择“样式”。 在全局样式选择框中选择已有的类名或创建新类名，例如 .test，并设置全局样式，此时状态选择器默认为None。 在状态选择器下拉框中选择状态，例如hover，并设置全局样式。 从全局样式面板中可以看到，等效于直接编辑样式：
界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 画布中选中组件，在组件属性设置面板选择“样式”。 单击全局样式的输入框，输入类名，例如.test。 类名不能以数字开头。 绑定组件属性元素ID：使用格式 #elementID。
AstroPro套餐从购买到被自动删除前，您可以随时在AstroPro控制台或费用中心为其续费，以延长使用时间。 在云服务控制台续费 登录管理控制台。 单击左侧导航栏的图标，选择 “开发与运维 > Astro企业应用 AstroPro”，进入AstroPro服务控制台。 在已购买的实例中，单击“操作”，选择“续费”。
界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 画布中选中组件，在组件属性设置面板选择“样式”。 在全局样式选择框中选择已有的类名，例如 .test1、.test2、.test3等。 通过下拉框选择切换类名，组件将切换至类名绑定的对应样式。
授予的权限对云服务进行操作。 AstroPro部署时通过物理区域划分，为项目级服务。授权时，“作用范围”需要选择“区域级项目”，然后在指定区域（如华北-北京4）对应的项目（cn-north-4）中设置相关权限，并且该权限仅对此项目生效。如果在“所有项目”中设置权限，则该权限在所有
在项目后的下拉框中，选择1中创建的项目，单击“新建服务组”。 设置服务组的基本信息，单击“确定”。 图1 设置服务组基本信息 服务组名称：设置新建服务组的名称，只能包含大小写字母、数字、连字符（-）和下划线（_）。 描述：输入服务组的描述信息，通常设置为服务组的用途或者功能。 父主题： 创建企业核心应用
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
