组件的样式

通过 style 和 class 配置项可分别设置组件的内联样式和 CSS 类名。

内联样式

可以通过 style 配置项为组件设置内联样式，实现组件的样式定制。style 可以接受字符串或对象，支持直接写 CSS 样式或使用 Vue 的内联样式对象。

注意

内联样式仅作用于组件最外层，修改组件内层 DOM 样式时需使用 class + CSS 实现样式穿透和默认样式覆盖。

Class 样式

通过 class 配置项可以为组件添加 CSS 类名，支持使用字符串或数组的方式指定多个类名。这样可以将预定义的样式类应用于组件，以实现一致的视觉效果。