检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
针对复杂情况，可以使用CSS3的@media查询。针对不同的终端类型和不同屏幕分辨率的设备，定义不同样式，选择应用不同的CSS规则。只有当该设定媒体查询与正在使用的设备匹配时，其对应的CSS规则才起作用。
样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 父主题： 设置AstroZero标准页面组件属性
样式 > 高级设置 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式透传：启用后，可以将设置好的样式透传给组件的子节点。 预设样式：预置的组件样式。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。
样式 > 高级设置 > 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-load）事件，该事件在页面渲染完成后执行，可进行数据初始化操作。
样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式透传：启用后，可以将设置好的样式透传给组件的子节点。 绑定数据模型、增加查询条件、工具栏 设置组件绑定的数据模型，有自定义对象、对象、服务和事件四种，本章节以绑定模型为例进行介绍。
ivu-modal-body { overflow:auto; } 图4 模态框样式 高级设置 > 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 父主题： 设置AstroZero标准页面组件属性
“Vue3Navigator_Widget.css”文件是Widget的样式文件，在该文件中编写Widget的css样式。
图1 启用前效果图 图2 启用后效果图 您需要熟悉CSS的Less代码编写规范，关于Less的内容请参考Less介绍。 操作步骤 参考登录经典应用设计器中操作，进入经典版应用设计器。 在左侧菜单栏下方，单击“配置”。
样式 > 高级设置 > 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-load）事件，该事件在页面渲染完成后执行，可进行数据初始化操作。
样式 在“样式 > 高级设置 > 样式类”设置当前组件使用的CSS样式类名，可在CSS代码中进行引用。 父主题： 设置AstroZero标准页面组件属性
样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 预设样式：预置的组件样式。 样式透传：启用后，可以将设置好的样式透传给组件的子节点。 父主题： 设置AstroZero标准页面组件属性
高级设置 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 预设样式：预置的组件样式风格。 样式透传：启用后，可以将设置好的样式，透传给组件的子节点。
修改“cssprefix”为“imgButton”，并添加“height”、“width”和“text”属性，如图8修改属性定义后所示。
样式 在“样式 > 高级设置 > 样式类”中设置当前组件使用的CSS样式类名，可在CSS代码中进行引用。 父主题： 设置AstroZero标准页面组件属性
TabsWidget.css 组件的样式文件，在该文件中编写组件的css样式。 TabsWidget.ftl 组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。
TabsWidget.css 组件的样式文件，在该文件中编写组件的css样式。 TabsWidget.ftl 组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。
样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式透传：启用后，可以将设置好的样式透传给组件的子节点。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。
TabsWidget.css 组件的样式文件，在该文件中编写组件的CSS样式。 TabsWidget.ftl 组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。
TabsWidget.css 组件的样式文件，在该文件中编写组件的CSS样式。 TabsWidget.ftl 组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。
如果勾选“压缩高级页面”，表示会对包中所有高级页面涉及的css和js文件进行合并及压缩，这样可以有效降低运行时服务器压力，但从终端浏览器首次访问该站点页面时，访问时间会稍微增加。 发布成功后，页面显示“程序包已经被成功上传到我的仓库。”
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
