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