检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
I”，开启开发者工具。 DOM和CSS样式调试 在Elements面板，可以自由的操作DOM和CSS，来迭代布局和设计页面。在开发者工具打开的状态下，使用左上角的箭头按钮，可点选页面元素，查看该元素DOM和CSS等。也可以在Elements页签下，修改页面上的元素的DOM标签或CSS样式（修改立即生效），实时查看修改后效果。
例如，标准页面中表单的按钮展示如图1所示。在主题中配置该按钮中字体为黄色，启用主题使得标准页面表单按钮字体颜色变成黄色。 图1 启用主题前标准页面预览效果 前提条件 请先熟悉CSS的Less代码编写规范。 操作步骤 参考如何进入经典开发环境中操作，进入经典版开发环境。 在“首页 > 项目 > 我的应用”中，单击对应的应用，进入应用开发页面。
添加库扩展AstroZero标准页面功能 如果您希望使用第三方库文件，而当前系统中不存在该库，您可以通过上传，新增该JS/CSS库，并在页面中设计并使用该库，实现引入第三方库的功能。 什么是库 库是指在设计页面时，需要依赖的库，如果缺少相应的依赖库，则页面中无法实现某些功能。例如
在“资源”页签，可查看并引用应用需要的Library。 在“属性”页签，可配置站点属性。 站点设置 合并并压缩资源：勾选后，在发布该应用时，对应用中所有高级页面涉及的css和js文件进行合并及压缩，这样可以有效降低运行时服务器压力，但从终端浏览器首次访问该站点页面时，访问时间会稍微增加。 资源延迟加载：勾选后，在body标签中加载资源。
从而设置该组件是否隐藏，这种动态设置优先级是最高的。 禁用：是否禁用该组件。 只读：值是否只读。 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 预设样式：预置的组件样式。 样式透传：启用后，可以将设置好的样式透传给组件的子节点。 父主题： 设置AstroZero标准页面组件属性
当前组件的名称。 隐藏 是否隐藏该组件。 只读 输入框的值是否只读。 禁用 是否禁用该组件。 高级设置 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 预设样式：预置的组件样式风格。 样式透传：启用后，可以将设置好的样式，透传给组件的子节点。 组件树 如果页面上
开发流程 创建Native Service 配置Chart 配置API 部署Native Service 管理Native Service 注册Native Service 在服务编排或脚本中调用原生服务 自定义公共接口 导出Native Service包给其他用户使用 父主题： 原生服务
藏，这种动态设置优先级是最高的。 禁用：是否禁用该组件。 只读：组件是否只读。 样式 > 高级设置 > 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-load
高级设置：在高级设置中，直接编写CSS代码作用于当前元素。 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中。也可以自定义样式代码，对组件进行详细配置。自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 父主题：
与云服务集成 了解连接器 对接OBS云对象存储实例 对接MINIO存储功能 对接对象存储代理 对接Redis实现数据存储 对接CSS提供云搜索服务 对接OCR实现图片上文字识别功能 对接IEF实现边缘节点管理功能 对接华为云ModelArts Pro 对接华为云ModelArts
设计，形成流动布局。 针对复杂情况，可以使用CSS3的@media查询。针对不同的终端类型和不同屏幕分辨率的设备，定义不同样式，选择应用不同的CSS规则。只有当该设定媒体查询与正在使用的设备匹配时，其对应的CSS规则才起作用。 CSS语法如下： @media mediatype and|not|only
服务名”，拖拽4中的Rest服务图标至画布中。 设置调用Rest Action参数。 图3 配置“Rest Action” 认证信息：选择创建Rest Service（自定义连接器）中配置的认证信息，不同的Rest Action可以有不同的认证方式。 动作：选择调用的Rest Action。 输入参
参考登录经典应用设计器中操作，登录经典版应用设计器。 在左侧列表中，单击，选择“HTTP > Soap服务”。 在列表中，选择创建SOAP Service中创建的SOAP Service，在右侧选择“动作”页签，单击“新建”。 配置基本信息，单击“保存”。 图1 “新建SOAP操作”配置页面 基本信息 标签：新建SOAP
优先级是最高的。 禁用：是否禁用该组件。 只读：组件是否只读。 样式 在“样式 > 高级设置 > 样式类”中设置当前组件使用的CSS样式类名，可在CSS代码中进行引用。 父主题： 设置AstroZero标准页面组件属性
和查找。 使用Rest服务调用Rest协议接口：当系统需要调用第三方提供的Rest协议接口时，可以通过配置Rest Service来实现。Rest Service是第三方系统提供的Rest服务，是一组模块化的Rest接口（Rest Action），通过配置第三方提供的Rest服务
“样式源码”中，也可以自定义样式代码，对组件进行详细配置，自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-load
要负责组件配置页面中右侧的属性配置逻辑。 create方法：仅在组件首次被创建时调用一次。 TabsWidget.css 组件的样式文件，在该文件中编写组件的css样式。 TabsWidget.ftl 组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。
设置优先级是最高的。 禁用：是否禁用该组件。 只读：值是否只读。 样式 在“样式 > 高级设置 > 样式类”设置当前组件使用的CSS样式类名，可在CSS代码中进行引用。 父主题： 设置AstroZero标准页面组件属性
要负责组件配置页面中右侧的属性配置逻辑。 create方法：仅在组件首次被创建时调用一次。 TabsWidget.css 组件的样式文件，在该文件中编写组件的css样式。 TabsWidget.ftl 组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。
“样式源码”中。也可以自定义样式代码，对组件进行详细配置，自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式透传：启用后，可以将设置好的样式透传给组件的子节点。 事件 在事件中，显示了组件暴露出来的一些常用事件，供
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
