检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
优先级是最高的。 禁用：是否禁用该组件。 只读：值是否只读。 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式透传：启用后，可以将设置好的样式透传给组件的子节点。 预设样式：预置的组件样式。 父主题： 设置AstroZero标准页面组件属性
标准页面开发完成后，需要预览调测，验证页面是否实现了想要的效果。标准页面的调测分为调试事件和调试DOM及样式两类。 使用说明 标准页面开发完成后，需要预览调测，验证页面是否实现了预期效果。标准页面的调测分为调试事件和调试DOM及样式两类。 调试事件 打开一个标准页面。 图1 标准页面实例 选择一个组件，例如
景，其功能主要是针对业务数据的增、删、改、查，且前端界面的样式相对简单的页面，可以使用AstroZero提供的标准页面。 标准页面提供了丰富的组件，组件包含了预置的样式，并封装了基础事件代码，实现了开箱即用，避免重复写样式和事件代码，陷入代码细节，使开发人员更好的专注于业务场景的挖掘。
示在“样式源码”中。也可以自定义样式代码，对组件进行详细配置，自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式透传：启用后，可以将设置好的样式透传给组件的子节点。 事件 在事件中，显示了组件暴露出来的一些常用事件
是最高的。 禁用：是否禁用该组件。 只读：值是否只读。 样式 > 高级设置 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式透传：启用后，可以将设置好的样式透传给组件的子节点。 预设样式：预置的组件样式。 事件 在事件中，显示了组件暴露出来的一些常用事件，供
在表单开发页面，从“通用组件”中，拖拽“分段”组件至表单设计区域，如图1。 图1 分段 显示名称：分段的说明文字，通常用于对下文做出说明、解释。 样式：分段的样式。 标题大小：设置标题的大小。 标题颜色：显示名称的字体颜色。 背景颜色：设置组件的背景颜色。 显示分割线：是否显示分割线。 属性：
而设置该组件是否隐藏，这种动态设置优先级是最高的。 禁用：是否禁用该组件。 只读：值是否只读。 样式 在“样式 > 高级设置 > 样式类”设置当前组件使用的CSS样式类名，可在CSS代码中进行引用。 父主题： 设置AstroZero标准页面组件属性
是否隐藏该组件。 只读 输入框的值是否只读。 禁用 是否禁用该组件。 高级设置 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 预设样式：预置的组件样式风格。 样式透传：启用后，可以将设置好的样式，透传给组件的子节点。 组件树 如果页面上组件较多，不容易选中时，可以在右
create方法：仅在组件首次被创建时调用一次。 TabsWidget.css 组件的样式文件，在该文件中编写组件的css样式。 TabsWidget.ftl 组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。 packageinfo.json 组件的元数据描述文件，定义了如下内容：
设置该组件是否隐藏，这种动态设置优先级是最高的。 禁用：是否禁用该组件。 只读：组件是否只读。 样式 在“样式 > 高级设置 > 样式类”中设置当前组件使用的CSS样式类名，可在CSS代码中进行引用。 父主题： 设置AstroZero标准页面组件属性
设计，形成流动布局。 针对复杂情况，可以使用CSS3的@media查询。针对不同的终端类型和不同屏幕分辨率的设备，定义不同样式，选择应用不同的CSS规则。只有当该设定媒体查询与正在使用的设备匹配时，其对应的CSS规则才起作用。 CSS语法如下： @media mediatype and|not|only
create方法仅在组件首次被创建时，调用一次。 TabsWidget.css 组件的样式文件，在该文件中编写组件的CSS样式。 TabsWidget.ftl 组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。 packageinfo.json 组件的元数据描述文件，定义了如下内容。
create方法仅在组件首次被创建时，调用一次。 TabsWidget.css 组件的样式文件，在该文件中编写组件的CSS样式。 TabsWidget.ftl 组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。 packageinfo.json 组件的元数据描述文件，定义了如下内容。
create方法：仅在组件首次被创建时调用一次。 TabsWidget.css 组件的样式文件，在该文件中编写组件的css样式。 TabsWidget.ftl 组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。 packageinfo.json 组件的元数据描述文件，定义了如下内容：
取值，从而设置该组件是否隐藏，这种动态设置优先级是最高的。 禁用：是否禁用该组件。 只读：值是否只读。 样式 > 高级设置 > 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页
表1 页面常用配置 参数 参数说明 站点名 系统默认生成的站点名，不可修改。创建应用时，系统默认会创建并分配一个站点。 站点域名 站点的运行态域名。一般情况下不需要修改，如果您的站点有单独的CDN和域名，则可以在此修改域名。 主页 站点的首页。站点存在页面时，该参数才会显示。 站点导入/导出
</div> </div> </section> </div> 在commodityListWidget.css中，定义组件的样式。 其中，采用百分比调节单个商品宽度，并设置断点，通过@media查询改变不同视区宽度下商品显示宽度的百分比。 /*设置组件字体、内边距、外边距和背景颜色*/
在应用设计器下方，选择“页面设置”。 获取锁后，在“属性”页签，去勾选“合并并压缩资源”。 若勾选“合并并压缩资源”，会对所有高级页面涉及的css和js文件进行合并及压缩，使用单页面性能检查功能时，不要勾选该选项。 图1 关闭“合并并压缩资源”属性 设置完成后，单击，并单击，释放锁。
ary包含的js和css文件名，并打成Zip包，如图2。您也可以单击链接，获取该包。 图2 MintUI库文件结构 packageinfo.json中必选要包含待引入的文件。例如，MintUI库需要引入文件“js/index.js”和“css/index.css”，请在packageinfo
修改统计页面 统计页面创建完成后，支持对已创建的统计图表进行二次开发。 修改统计页面 参考登录零代码工作台中操作，登录AstroZero零代码工作台。 在全部应用中，单击应用后的“...”，选择“编辑”，进入编辑应用页面。 单击页面右上角的“查看统计”，进入统计页面。 单击已有统
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
