检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如果表格字段太多，无法正常显示，可以在页面的“样式代码”中，添加样式代码。请参考图2，输入以下样式代码。 .ivu-table-row td{ width:100px; } 如果当前“样式代码”为空，直接将此样式粘贴到“样式代码”中，保存页面即可。 如果在“样式代码”中，有较多样式，需要先找到表格所在的
如何自定义主题样式 AstroZero预置了很多默认样式，您可以对标准页面的主题样式进行自定义修改。 场景描述 自定义主题时，可以自定义修改标准页面的样式。设置完并启用主题后，该应用中标准页面相同组件的展示，将以主题中配置为准。 例如，在标准页面中添加一个“表单”组件，并绑定数据
值，从而设置该组件是否隐藏，这种动态设置优先级是最高的。 禁用：是否禁用该组件。 只读：组件是否只读。 样式 在“样式 > 高级设置 > 样式类”中设置当前组件使用的CSS样式类名，可在CSS代码中进行引用。 父主题： 设置AstroZero标准页面组件属性
端界面的样式相对简单的页面，此时，您即可使用AstroZero提供的“标准页面”。标准页面提供了丰富的组件，组件包含了预置的样式，并封装了基础事件代码，实现了开箱即用，避免重复写样式和事件代码，陷入代码细节，使开发人员更好的专注于业务场景的挖掘。 高级页面 对于一些样式比较复杂的
样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中，也可以自定义样式代码，对组件进行详细配置，自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 父主题： 设置AstroZero标准页面组件属性
标准页面开发完成后，需要预览调测，验证页面是否实现了想要的效果。标准页面的调测分为调试事件和调试DOM及样式两类。 使用说明 标准页面开发完成后，需要预览调测，验证页面是否实现了预期效果。标准页面的调测分为调试事件和调试DOM及样式两类。 调试事件 打开一个标准页面。 图1 标准页面实例 选择一个组件，例如
主题 AstroZero预置了很多默认样式，供您选择使用，同时也支持对标准页面的主题样式进行自定义修改。自定义主题时，可以自定义修改标准页面的样式。设置完成并启用主题后，该应用中标准页面相同组件的展示，将以主题中配置的为准。 自定义主题样式需要您熟悉CSS的Less代码编写规范，关于Less介绍，请参见Less介绍。
元素和样式，来提升用户体验、增强应用的可用性和美观等。 设置应用的外观 参考登录AstroZero新版应用设计器中操作，登录应用设计器。 在左侧导航栏中，选择“设置”，进入应用设置页面。 图1 选择设置 在外观设置中，设置应用布局样式。 桌面端：设置应用在PC端显示的样式。 移动端：设置应用在移动端显示的样式。
在高级页面开发过程中，经常需要调测整个前台页面。对于前台页面中常遇到的样式或功能问题，可借助浏览器内置的开发者工具来对问题进行调试和定位。 前台页面常用调测方法 在高级页面的开发中，常借助浏览器内置的开发者工具对样式或功能问题进行定位和分析。下面以Chrome浏览器为例，简单介绍浏览
藏，这种动态设置优先级是最高的。 样式 布局：设置组件的宽度、高度等。 高级设置 > 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中，也可以自定义样式代码，对组件进行详细配置，自定义代码支持多行输入，并高亮显示样式参数。 事件 在事件中，显示了组件
景，其功能主要是针对业务数据的增、删、改、查，且前端界面的样式相对简单的页面，可以使用AstroZero提供的标准页面。 标准页面提供了丰富的组件，组件包含了预置的样式，并封装了基础事件代码，实现了开箱即用，避免重复写样式和事件代码，陷入代码细节，使开发人员更好的专注于业务场景的挖掘。
括水位图、箭头水位图、水滴水位图、钻石水位图、三角形水位图、圆角矩形水位图和矩形水位图。 柱状图：通过柱形图，来呈现数据整体的表现。包括进度条、水平基本柱图、水平堆叠柱图、折柱图、基本漏斗图、双向柱图、基本柱图、数据标记柱图、瀑布柱图和热力图。 散点图：使用气泡形状，来展现数据的大小分布情况，包括散点图和气泡图。
应用布局是应用界面的框架，本章节介绍如何更改框架的样式和颜色。 操作步骤 参考如何进入经典开发环境中操作，进入经典版开发环境。 在“首页 > 项目 > 我的应用”中，单击对应的应用，进入应用开发页面。 在页面左下角，选择“配置”，进入应用配置页面。 在“布局与颜色”页签，设置应用布局样式。 主题颜色：系统预置的主题颜色。
目录结构如图3所示，其中userLogin.js文件是写vue业务逻辑的代码，userLogin.ftl用于写html代码，userLogin.css用于写样式代码，userLogin.editor.js以及packageinfo.json是配置文件。 图3 目录结构 在本地编辑器中打开文件夹，把userLogin
九宫格：九宫格形态展示图片列表，仅当上传全部为图片时开启效果较好，移动端每行展示4个并且大小自适应。 列表只显示进度条：上传列表的展示内容仅展示进度条，且文件上传完后进度条消失，目前适用于文档和压缩包。 展示方向：上传列表中多张图片时，控制图片展示排列方向，移动端仅支持纵向展示。
在表单开发页面，从“通用组件”中，拖拽“分段”组件至表单设计区域，如图1。 图1 分段 显示名称：分段的说明文字，通常用于对下文做出说明、解释。 样式：分段的样式。 标题大小：设置标题的大小。 标题颜色：显示名称的字体颜色。 背景颜色：设置组件的背景颜色。 显示分割线：是否显示分割线。 属性：
应用布局是应用界面的框架，本章节介绍如何在管理中心修改应用框架的样式和颜色。 操作步骤 参考登录管理中心中操作，登录AstroZero管理中心。 在左侧导航栏中，选择“应用管理 > 应用导航”，单击应用后的。 设置应用布局样式。 图1 设置应用布局 主题颜色：系统预置了很多主题供您选择。
是最高的。 样式 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，单位为px。 阴影：设置阴影颜色、模糊、扩散等，单位为px。 高级设置 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显
是最高的。 样式 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，单位为px。 阴影：设置阴影颜色、模糊、扩散等，单位为px。 高级设置 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显
“工单列表（客服人员）”和“生成工单”页面开发完成后，需要验证两个页面间的关联跳转事件，以及相关页面布局样式。 操作步骤 在“HW__workOrderList”页面中，单击界面上方预览图标。 系统会弹出预览页面。 查看页面中页面布局、样式是否符合预期。 查看当前表格中的工单记录。当前表格中仅有一条测试数据，此
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
