检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
其下方的组件，根据该组件的高度变化自动调整位置，一个页面只支持一个组件。 边框 设置组件的边框样式，支持全边框和角边框两种。 图2 全边框 图3 角边框 全边框 样式：设置组件边框的样式，如实线、点线、虚线和双实线。 宽度：设置边框的宽度，单位px。 颜色：设置组件边框的颜色。
是否隐藏该组件。 只读 输入框的值是否只读。 禁用 是否禁用该组件。 高级设置 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 预设样式：预置的组件样式风格。 样式透传：启用后，可以将设置好的样式，透传给组件的子节点。 组件树 如果页面上组件较多，不容易选中时，可以在右
发生。 设置为隐私表单：设置为隐私表单后，该表单将不可再使用系统隐私字段，且无法再次关闭，请谨慎设置。 表单填写进度条：开启后，打开分享的表单页填写数据时，将展示进度条。 启用切换语言：是否启用国际化语言。开启后，将在该表单下的所有分享页面（表单/视图/统计等）生效。 检索加速：
调试JavaScript代码 调试页面样式 在标准页面开发界面，单击，预览标准页面。 在弹出的预览页面，按“F12”或者“Ctrl + Shift + I”，开启浏览器调试工具。 在“Elements”页签，单击左边选择器。 在预览的页面中，选中组件，在右下“Styles”中调试样式，如改变“Upload
设置表单填报页 操作场景 表单创建后，支持设置表单填报页的如下特性： 表单是否可多次填报。 表单的标题内容和样式。 表单背景。 是否仅需要公开部分字段，用于数据信息收集。 是否为表单设置提交有效期限，超出期限不可提交表单。 不同条件分发多张信息填报页。 设置表单填报页 参考登录零
越靠前。当需要让组件置底时，可设置堆叠顺序为“0”。 自适应高度：组件的高度是否随宽度改变。 边框：设置组件的边框样式，如全边框或角边框。 背景 样式：设置背景的样式，如普通、居中、拉伸等。 图片链接：背景图片URL。 颜色：设置背景的颜色。 高级设置 选中基本柱图组件，单击鼠标
式代码将自动显示在“样式源码”中。也可以自定义样式代码，对组件进行详细配置，自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式透传：启用后，可以将设置好的样式透传给组件的子节点。 绑定数据模型、增加查询条件、工具栏
在应用布局页面，设置应用布局的样式。 图1 设置应用布局样式 主题颜色：设置应用的主题颜色，系统预置了很多主题供您选择。 图标：设置应用的Logo，如更改Logo图片、设置圆形图标和隐藏文字。将鼠标放在“图标”下的图片上，选择“更改”，可更改应用Logo。 布局：选择“布局”中的样式，在右侧区域设
控件名称”中，可以自定义当前组件的名称。 样式 模态框宽高：设置模态框的宽度、高度等。 如果模态框高度太大，无法正常显示，可在页面的“样式代码”里添加以下样式代码，即先在样式代码里设置滚动条，然后再将高度改小，如图4所示。 .ivu-modal-body { overflow:auto; } 图4 模态框样式 高级设置
到嵌套路由，符合预期。 自定义布局样式 如果导航页面，想实现如下图所示布局效果，即整个页面不需要有滚动条，而其中导航组件区域和全局路由视图组件区域可随滚动条滚动时，可参考如下步骤实现。 图13 自定义布局样式页面效果 在头部组件的“.css”样式文件中，指定头部组件的高度。 样例代码如下：
布局”中选择了Block，最终这个“容器”组件中的布局为Block。 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中。也可以自定义样式代码，对组件进行详细配置。自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 父主题：
置实时更新时间间隔。 筛选数据：单击“+添加筛选条件”，设置过滤条件。设置后，可根据条件统计数据。 外观 大小：设置图表的大小。 样式：选择图表的样式。 横轴标签 标签换行：横轴标签字数过多时是否换行。 单行最多字数：横轴标签字数过多时单行最多字数，没有设置换行多余字数会省略。 标签旋转角度：标签旋转角度设置。
标签 > 标签文字样式 > 文本颜色：在波浪上方文本的颜色。 标签 > 标签文字样式 > 波浪上时文本颜色：在波浪下文本的颜色。 标签 > 标签文字样式 > 字体大小：标签的字体大小。 标签 > 标签文字样式 > 字体粗细：标签的字体粗细。 标签 > 标签文字样式 > 字体系列：标签的字体系列。
标准页面：对于一般的业务应用系统，其功能主要是针对业务数据的增、删、改、查，前端界面的样式相对简单的页面场景，此时，推荐您使用平台提供的“标准页面”。您可以通过拖、拉、拽页面组件，再加上少量事件代码，即可拼装出所需页面，具体介绍请参见标准页面。 高级页面：对于一些样式比较复杂的页面，例如网站、电商、园区大屏等，您可以使用平台提供的“高级页面”。
图19 样式属性配置面板 在“样式 > 高级设置”面板中，可以直接编写CSS代码作用于当前元素。如图20所示，可以直接在“容器”组件的“高级设置”中，编写样式代码实现与图12相同的布局效果。 图20 自定义CSS代码实现图12组件居中效果 同一个组件如果在“基本属性”和“样式”中，
标记样式/标记的图形：可以设置标记的图形形状。 标记样式/标记的大小：可以设置标记的图形大小。 标记样式/折线拐点标志颜色：折线拐点标志的颜色。 折线样式/宽度：折线的宽度。 折线样式/线的类型：折线的类型。 折线样式/不透明度：折线的透明度。 折线样式/颜色：折线的颜色。 区域填充样式/不透明度：折线内区域填充的透明度。
阴影：设置阴影颜色、模糊、扩散等，单位为px。 高级设置 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中。也可以自定义样式代码，对组件进行详细配置。自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 水印 启用水印：页面是否启用水印。
标记样式/标记的图形：可以设置标记的图形形状。 标记样式/标记的大小：可以设置标记的图形大小。 标记样式/折线拐点标志颜色：折线拐点标志的颜色。 折线样式/宽度：折线的宽度。 折线样式/线的类型：折线的类型。 折线样式/不透明度：折线的透明度。 折线样式/颜色：折线的颜色。 区域填充样式/不透明度：折线内区域填充的透明度。
模型字段取值，从而设置该组件是否隐藏，这种动态设置优先级是最高的。 禁用：是否禁用该组件。 只读：值是否只读。 样式 > 高级设置 > 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互
用于保存业务系统需要的配置数据和业务数据。 对象可以存储组织或业务特有的数据，您可以围绕对象这一核心，定义相关的字段、字段校验规则、界面样式、字段变更时的触发事件等。如果把待开发的业务系统比作一部电影，对象就是电影中的各个角色，需要勾勒角色的外貌、性格特点、人物关系和所经历的剧情。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
