检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在“布局与颜色”页签，设置应用布局样式。 主题颜色：系统预置的主题颜色。 图标：设置应用的Logo，如更改Logo图片、设置圆形图标和隐藏文字。将鼠标放在“图标”下的图片上，选择“更改”，可更改应用Logo。 布局：选择“布局”中的样式，在右侧区域设置布局参数，如菜单、子菜单、页签、应用标题的字体及颜色等。
在AstroZero中自定义高级页面组件（widget）时，修改了JS文件，修改部分不生效？ 问题描述 修改自定义组件widget的JS文件后，修改部分未生效。 解决方法 自定义组件（widget）上传新的版本后，需要在“页面设置”中，对插件进行升级更新。升级后，js文件才能生效。
击。 界面化方式 在主题配置页签，单击“界面化新建”。 配置相关组件或者颜色、排版主题样式。 例如，修改按钮组件的样式，在左侧选择“组件 > 按钮”组件，在中间区域直接修改界面参数设置样式。 图2 修改界面参数设置样式 在右侧设置“主题名称”，例如“按钮字体颜色为黄色”，单击页面右上方保存图标。
标题组件用于展示页面标题。 在表单开发页面，从“通用组件”中，拖拽“标题”组件至表单设计区域，如图1。 图1 标题 显示名称：页面标题内容，可以设置为中文，也可以设置为英文。 标题大小：设置标题的大小。 标题位置：设置标题的位置。 字体颜色：设置标题的字体和颜色。 行数：标题占页面的行数。
在主菜单中，选择“应用配置”。 在应用配置页面，选择应用所在的类别（例如App），单击具体的应用。 在左侧导航栏中，选择“应用布局”。 只有App和Addon类型的应用，才会显示“应用布局”和“菜单配置”。 在应用布局页面，设置应用布局的样式。 图1 设置应用布局样式 主题颜色：设置应用的主题颜色，系统预置了很多主题供您选择。
更加清晰。 在表单开发页面，从“通用组件”中，拖拽“分段”组件至表单设计区域，如图1。 图1 分段 显示名称：分段的说明文字，通常用于对下文做出说明、解释。 样式：分段的样式。 标题大小：设置标题的大小。 标题颜色：显示名称的字体颜色。 背景颜色：设置组件的背景颜色。 显示分割线：是否显示分割线。
在左侧导航栏中，选择“设置”，进入应用设置页面。 在菜单栏中，选择“高级设置”。 在“兼容性设置”页签中，开启“页面组件的渲染框架由Vue2升级为Vue3”开关。 图1 高级设置 当前版本的高级页面中，提供了Vue2和Vue3两种框架的组件，如果需要使用Vue2框架的组件，需要关闭“页面组件的渲染框架由
设置AstroZero中已开发应用的菜单 在开发环境、沙箱环境或运行环境中，安装完低代码应用后支持对已安装应用的菜单进行个性化设置。此处的设置仅对当前的应用有效且不会更改应用包中原有的设置。如果需要更改应用包中原有的设置，请参考使用AstroZero对应用进行个性化设置。本章节主
隐藏，这种动态设置优先级是最高的。 样式 针对有丰富前端开发经验的用户，可通过“样式”面板对页面进行更深度的个性化布局定制。 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持的单位有px、em和%。
字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持的单位有px、em和%。 阴影：设置阴影颜色、模糊、扩散等，支持的单位有px、em和%。 高级设置：在高级设置中，直接编写CSS代码作用于当前元素。 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示
隐藏”配置为布尔类型模型字段，在自定义JS代码中来控制模型字段取值，从而设置该组件是否隐藏，这种动态设置优先级是最高的。 样式 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持“px”、“em”和“%”三种单位。
型字段，在自定义JS代码中来控制模型字段取值，从而设置该组件是否隐藏，这种动态设置优先级是最高的。 样式 针对有丰富前端开发经验的用户，可通过“样式”面板对页面进行更深度的个性化布局定制。 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。
设置AstroZero企业外观 在外观和操作中，支持设置在个人工作台上显示的企业LOGO图片、条幅背景与文案以及系统菜单。在AstroZero沙箱环境和生产环境，才会显示此菜单。在沙箱环境和生产环境中，操作完全相同，本章节以在生产环境中操作为例。 自定义企业LOGO 在Astro
图4 样式属性配置面板 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持“px”、“em”和“%”三种单位。 阴影：设置阴影颜色、模糊、扩散等，支持“px”、“em”和“%”三种单位。 高级设置：在高级设置中，直接编写CSS代码作
关闭Vue3框架渲染组件开关 本案例所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图1 界面报错 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在设
例如收集用户兴趣爱好时，可选用该组件。 在表单开发页面，从“数据组件”中，拖拽“多选”组件至表单设计区域，如图1。 图1 多选 显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 排列方式：选项值的排列方式，如下拉、竖排、横排。 选项：选项设置。 打开“彩色”开关，选项值字体会不同颜色展示。
设置应用在工作台的标签 在应用导航中，可以管理配置工作台上的应用导航卡片内容，支持系统管理员角色下的用户设置公开应用的应用标签。在AstroZero沙箱环境和生产环境，才会显示此菜单。在沙箱环境和生产环境中，操作完全相同，本章节以在生产环境中操作为例。 设置应用标签 在Astro
有px和%。 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持的单位有px、em和%。 阴影：设置阴影颜色、模糊、扩散等，支持的单位有px、em和%。 高级设置：在高级设置中，直接编写CSS代码作用于当前元素。
等场景。 在表单开发页面，从“数据组件”中，拖拽“单选”组件至表单设计区域，如图1。 图1 单选 显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 排列方式：选项值的排列方式，如下拉、竖排、横排。 选项：选项设置。 打开“彩色”开关，选项值字体会不同颜色展示。
目录结构如图3所示，其中userLogin.js文件是写vue业务逻辑的代码，userLogin.ftl用于写html代码，userLogin.css用于写样式代码，userLogin.editor.js以及packageinfo.json是配置文件。 图3 目录结构 在本地编辑器中打开文件夹，把userLogin
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
