检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
目录结构如图3所示，其中userLogin.js文件是写vue业务逻辑的代码，userLogin.ftl用于写html代码，userLogin.css用于写样式代码，userLogin.editor.js以及packageinfo.json是配置文件。 图3 目录结构 在本地编辑器中打开文件夹，把userLogin
“录入分隔比例”为“6:12:6” 高级设置 对于有丰富页面开发经验的用户，在“样式 > 布局”面板中可以实现对页面CSS属性直接配置。甚至在“高级设置”中，直接编写CSS代码进行更深度的个性化布局定制，如图19。 展开“样式”下的“布局”面板，单击“显示”属性后的按钮，可以快速指定
时，可以自定义修改标准页面的样式。设置完成并启用主题后，该应用中标准页面相同组件的展示，将以主题中配置的为准。 自定义主题样式需要您熟悉CSS的Less代码编写规范，关于Less介绍，请参见Less介绍。 自定义主题样式 参考登录AstroZero新版应用设计器中操作，登录应用设计器。
隐藏，这种动态设置优先级是最高的。 禁用：是否禁用该组件。 只读：值是否只读。 样式 > 高级设置 > 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-load
I”，开启开发者工具。 DOM和CSS样式调试 在Elements面板，可以自由的操作DOM和CSS，来迭代布局和设计页面。在开发者工具打开的状态下，使用左上角的箭头按钮，可点选页面元素，查看该元素DOM和CSS等。也可以在Elements页签下，修改页面上的元素的DOM标签或CSS样式（修改立即生效），实时查看修改后效果。
在应用设计器下方，选择“页面设置”。 获取锁后，在“属性”页签，去勾选“合并并压缩资源”。 若勾选“合并并压缩资源”，会对所有高级页面涉及的css和js文件进行合并及压缩，使用单页面性能检查功能时，不要勾选该选项。 图1 关闭“合并并压缩资源”属性 设置完成后，单击，并单击，释放锁。
ary包含的js和css文件名，并打成Zip包，如图2。您也可以单击链接，获取该包。 图2 MintUI库文件结构 packageinfo.json中必选要包含待引入的文件。例如，MintUI库需要引入文件“js/index.js”和“css/index.css”，请在packageinfo
例如，标准页面中表单的按钮展示如图1所示。在主题中配置该按钮中字体为黄色，启用主题使得标准页面表单按钮字体颜色变成黄色。 图1 启用主题前标准页面预览效果 前提条件 请先熟悉CSS的Less代码编写规范。 操作步骤 参考如何进入经典开发环境中操作，进入经典版开发环境。 在“首页 > 项目 > 我的应用”中，单击对应的应用，进入应用开发页面。
I”，开启开发者工具。 DOM和CSS样式调试 在Elements面板，可以自由的操作DOM和CSS，来迭代布局和设计页面。在开发者工具打开的状态下，使用左上角的箭头按钮，可点选页面元素，查看该元素DOM和CSS等。也可以在Elements页签下，修改页面上的元素的DOM标签或CSS样式（修改立即生效），实时查看修改后效果。
{}); console.log(result) 其中，“LT927__test”表示连接器的名称，“test1”为创建Rest Service（自定义连接器）配置的认证信息名称，“LT927__flapRefund”为4中配置的动作名称。 单击脚本编辑器页面上方的，保存脚本。
含的js和css文件名，并打成Zip包，如图1。您也可以直接单击MintUI.zip，下载MintUI.zip包 图1 MintUI库文件结构 packageinfo.json包含所要引入的文件。例如，MintUI库需要引入的文件有“js/index.js”和“css/index
在“资源”页签，可查看并引用应用需要的Library。 在“属性”页签，可配置站点属性。 站点设置 合并并压缩资源：勾选后，在发布该应用时，对应用中所有高级页面涉及的css和js文件进行合并及压缩，这样可以有效降低运行时服务器压力，但从终端浏览器首次访问该站点页面时，访问时间会稍微增加。 资源延迟加载：勾选后，在body标签中加载资源。
添加库扩展AstroZero标准页面功能 如果您希望使用第三方库文件，而当前系统中不存在该库，您可以通过上传，新增该JS/CSS库，并在页面中设计并使用该库，实现引入第三方库的功能。 什么是库 库是指在设计页面时，需要依赖的库，如果缺少相应的依赖库，则页面中无法实现某些功能。例如
js和css文件名，并打成Zip包。该场景中Zip包为“MintUI.zip”，单击链接获取该包。 图1 MintUI库文件结构 packageinfo.json包含所要引入的文件。例如，MintUI库需要引入的文件有“js/index.js”和“css/index.css”文件，请在packageinfo
如何引入第三方库 如果您希望使用第三方库文件，而当前系统中不存在该库，您可以通过上传，新增该JS/CSS库，并在页面中设计并使用该库，实现引入第三方库的功能。本节将介绍如何引入并使用第三方库的具体操作步骤。 什么是库 库是指在设计页面时，需要依赖的库，若缺少相应的依赖库，则页面中
ary包含的js和css文件名，并打成Zip包，如图2。您也可以单击链接，获取该包。 图2 MintUI库文件结构 packageinfo.json中必选要包含待引入的文件。例如，MintUI库需要引入文件“js/index.js”和“css/index.css”，请在packageinfo
开发流程 创建Native Service 配置Chart 配置API 部署Native Service 管理Native Service 注册Native Service 在服务编排或脚本中调用原生服务 自定义公共接口 导出Native Service包给其他用户使用 父主题： 原生服务
针对有丰富前端开发经验的用户，可通过“样式”面板对页面进行更深度的个性化布局定制。 布局：对页面CSS属性进行直接配置，如设置组件的宽度、高度等。您也可以在“高级设置”中，直接编写CSS代码进行更深度的个性化布局定制。 单击“显示”属性后的按钮，可以快速指定当前元素布局为“bloc
参考登录经典应用设计器中操作，登录经典版应用设计器。 在左侧列表中，单击，选择“HTTP > Soap服务”。 在列表中，选择创建SOAP Service中创建的SOAP Service，在右侧选择“动作”页签，单击“新建”。 配置基本信息，单击“保存”。 图1 “新建SOAP操作”配置页面 基本信息 标签：新建SOAP
服务名”，拖拽4中的Rest服务图标至画布中。 设置调用Rest Action参数。 图3 配置“Rest Action” 认证信息：选择创建Rest Service（自定义连接器）中配置的认证信息，不同的Rest Action可以有不同的认证方式。 动作：选择调用的Rest Action。 输入参
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
