如何自定义主题样式 AstroZero预置了很多默认样式，您可以对标准页面的主题样式进行自定义修改。 场景描述 自定义主题时，可以自定义修改标准页面的样式。设置完并启用主题后，该应用中标准页面相同组件的展示，将以主题中配置为准。 例如，在标准页面中添加一个“表单”组件，并绑定数据

查看更多 →

宽度：字段配置框宽度占页面宽度的比例。 默认值：默认开关状态。 高级 样式 样式类：当前组件使用的 CSS 样式类名，可在 CS S代码中进行引用。 预置样式风格：预置的开关组件大小样式。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 正则校验：提交表单时触发的对字段的校验。 自定义校验

查看更多 →

字体：设置字体样式。 选择图标：按钮图标，系统预置的按钮图标。 图标位置：按钮图标展示位置，支持居左和居右两种位置。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 父主题：

查看更多 →

鼠标悬停时展示：鼠标悬停在按钮上时展示的文字。 字体：设置字体样式。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 事件：在事件中，显示了组件暴露出来的一些常用事件，供用户

查看更多 →

链接目标：页面的打开方式。 _blank：在新页面打开url。 字体：设置字体样式。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 事件：在事件中，显示了组件暴露出来的一些常用事件，供

查看更多 →

控制表单内部只显示文字，不显示输入框 switch开关 开/关 关 √ 4 绑定数据 给表单绑定数据 代码编辑器 - - √ 5 表单项 选择模型后触发的表单项 metalist表单项 - - √ 属性详解 选择模型 单击选择模型，弹出模型选择框，选择需要的表单模型。 表单项 表

查看更多 →

进行引用。 预置样式风格：预置的组件样式。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 正则校验：提交表单时触发的对字段的校验。 自定义校验：是否进行自定义校验，打开后需要设置校验JS代码。当输入框在表单组件中，该设置才会生效。 正则表达式：

查看更多 →

”和“样式”中，同时对布局属性进行了设置，最终生效是“样式”栏中的设置。 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中。也可以自定义样式代码，对组件进行详细配置。自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。

查看更多 →

隐藏：设置为隐藏后，页面上会隐藏该字段。 样式：设置页签组件的样式。 图2 设置页签的样式 Tab选项：页签组件中，各Tab页面设置。支持设置页签标题，并拖入组件到对应的页签中，选中组件可配置对应页签下的组件属性。 图3 Tab选项 父主题： 表单样式布局组件介绍

查看更多 →

字体：设置字体样式。 选择图标：按钮图标，系统预置的按钮图标。 图标位置：按钮图标展示位置，支持居左和居右两种位置。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 事件

查看更多 →

图文展示 图文展示是一种样式组件，通常用于展示图片，如图1中这种表单图文混排样式。用户不会在这个组件上传或填写数据，所有用户看到的效果一样。 图1 图文展示效果 在表单设计页面，从“常用控件”中，拖拽“图文展示”组件至表单设计区域，如图2所示。 图2 拖拽图文展示组件到设计区并设置属性

查看更多 →

标题类型：设置标题大小。 字体：设置字体样式。 宽度：字段配置框宽度占页面宽度的比例。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 事件：在事件中，显示了组件暴露出

查看更多 →

样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 预置样式风格：预置的组件样式。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 正则校验：提交表单时触发的对字段的校验。 自定义校验：是否进行自定义校验，打开后需要设置校验JS代码。当输入框在表单组件中，该设置才会生效。

查看更多 →

Message弹窗样式规范 Tab标签页 标签页样式1 适用于普通页面的标签页样式，如图14所示。 图14 普通页面的标签页样式规范 标签页样式2 适用于弹窗中的标签页样式，如图15所示。 图15 弹窗中的标签页样式规范 标签页样式3 适用于弹窗中或三级的标签页样式，如图16所示。

查看更多 →

样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 预置样式风格：预置的组件样式。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 正则校验：提交表单时触发的对字段的校验。 自定义校验：是否进行自定义校验，打开后需要设置校验JS代码。当输入框在表单组件中，该设置才会生效。

查看更多 →

星星总数：总分值即评分上限，默认五颗星，最高可评五颗星。 默认值：默认选择几颗星。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 父主题： 基础组件

查看更多 →

样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 预置样式风格：预置的组件样式。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 正则校验：提交表单时触发的对字段的校验。 自定义校验：是否进行自定义校验，打开后需要设置校验JS代码。当输入框在表单组件中，该设置才会生效。

查看更多 →

水平对齐方式：设置“容器”内拖入的组件对齐方式，提供左对齐、居中、右对齐三种对齐方式。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 事件：在事件中，显示了组件暴露出来的一些常用事件，供用户实现

查看更多 →

水平对齐方式：设置“容器”内拖入的组件对齐方式，提供左对齐、居中、右对齐三种对齐方式。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 事件：在事件中，显示了组件暴露出来的一些常用事件，供用户实现

查看更多 →

布局”时还可以设置垂直对齐方式、水平排列方式以及分栏间隔。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 父主题： 基础组件

查看更多 →

新增标签：单击“添加”增加页签，最多增加10个页签。 选中tab值：选择页面默认选中的页签。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 事件：在事件中，显示了组件暴露出来的一些常用事件，供用户实现

查看更多 →