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

查看更多 →

效果：设置组件的透明度、轮廓样式及光标样式。 图8 设置显示效果 样式设置完成后，设计器会自动完成以下动作。 如果当前样式在选择器中没有选中任何一个类名或者ID，会自动生成随机类名。 将在样式面板设置完成的样式写入类名规则中。 图9 样式写入到类名样式 将样式选择器自动生成或者选中的类名绑定到当前组件属性中。

查看更多 →

样式 管理员可自定义知识在手机端的显示样式。 “推荐+订阅”：移动端可以查看推荐和订阅两大版本内容，优先展示“推荐”内容。 “订阅+推荐”：移动端可以查看推荐和订阅两大版本内容，优先展示“订阅”内容。 “仅推荐”：在移动端仅可查看推荐版块内容，无法查看订阅板块内容。 “仅订阅”：

查看更多 →

样式约定 样式约定 Terraform约定了一些惯用的风格样式，以确保不同团队编写的文件和模块的风格一致性。建议用户遵循这些约定，推荐的样式约定如下： 对于每个嵌套级别，缩进两个空格。 当多个单行的参数在同一嵌套级别连续出现时，建议将等号对齐。 name =

查看更多 →

移动端排列方式：移动端选项的展示形式，支持弹出和竖排。 字体：设置字体样式、大小、颜色等。 宽度：字段配置框宽度占页面宽度的比例。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 正则校验：提交表单时触发的对字段的校验。

查看更多 →

移动端排列方式：移动端选项的展示形式，支持弹出和竖排。 字体：设置字体样式、大小、颜色等。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 正则校验：提交表单时触发的对字段的校验。 自定

查看更多 →

最小值：允许输入的最小数字。 字体：设置字体样式。 占位符：可辅助元素对齐，让页面更整齐。 宽度：字段配置框宽度占页面宽度的比例。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 正则校验：提交表单时触发的对字段的校验。

查看更多 →

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

查看更多 →

字体：设置字体样式、颜色和大小。 图标：输入框中需要设置图标时，请配置该项。 图标位置：输入框中的图标位置。 占位符：可辅助元素对齐，让页面更整齐。 高级 样式 样式透传：启用后，可以将设置好的样式透传给组件的子节点。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。

查看更多 →

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

查看更多 →

json：组件的元数据描述文件。 {widget}.css：组件的样式文件，在该文件中编写组件的CSS样式。 {widget}.editor.js：组件核心渲染文件。组件属性定义文件，负责组件编辑状态时需要渲染的界面和逻辑。 {widget}.flt：组件DOM结构文件，需要在服务端提前渲染的部分可以写在此

查看更多 →

高级设置：在高级设置中，直接编写CSS代码作用于当前元素。同一个组件如果在“基本属性”和“样式”中，同时对布局属性进行了设置，最终生效是“样式”栏中的设置。 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中。也可以自定义样式代码，对组件进行详细配置。自定

查看更多 →

型。 字体：设置字体样式。 占位符：可辅助元素对齐，让页面更整齐。 宽度：字段配置框宽度占页面宽度的比例。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 正则校验：提交表单时触发的对字段的校验。

查看更多 →

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

查看更多 →

字体：设置字体样式。 图标：输入框中显示的小图标，支持从系统提供的图标中选择。 图标位置：图标在输入框中的位置，支持居左和居右两种位置。 占位符：可辅助元素对齐，让页面更整齐。 宽度：字段配置框宽度占页面宽度的比例。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。

查看更多 →

高级设置：在高级设置中，直接编写CSS代码作用于当前元素。 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中。也可以自定义样式代码，对组件进行详细配置。自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 父主题：

查看更多 →

字体：设置字体样式。 图标：输入框中显示的小图标，支持从系统提供的图标中选择。 图标位置：图标在输入框中的位置，支持居左和居右两种位置。 占位符：可辅助元素对齐，让页面更整齐。 宽度：字段配置框宽度占页面宽度的比例。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。

查看更多 →

样式约定 样式约定 HCL约定了一些惯用的风格样式，以确保不同团队编写的文件和模块的风格一致性。建议用户遵循这些约定，推荐的样式约定如下： 对于每个嵌套级别，缩进两个空格。 当多个单行的参数在同一嵌套级别连续出现时，建议将等号对齐。 name = "myinstance"

查看更多 →

样式设置 通过样式面板配置样式 直接编写样式代码 类名管理 使用状态选择器 行内绑定状态变量 父主题： 前端应用管理

查看更多 →

init生成组件包之后，组件包中包含如下文件。 表1 开发包文件介绍 文件名 说明 gui.json 组件配置，包括样式、数据和交互的配置。 Index.js 组件主入口。 Index.less 组件样式css配置。 父主题： 自定义组件开发包说明

查看更多 →

在“Elements”页签，单击左边选择器。 在预览的页面中，选中组件，在右下“Styles”中调试样式，如改变“Upload File”的字体颜色或改变DOM结构。 图7 调试DOM及样式 父主题： 标准页面

查看更多 →