Component Styles

Component inline styles and CSS class names can be set through the style and class configuration items respectively.

Inline Styles

You can set inline styles for components through the style configuration item to achieve component style customization. style can accept strings or objects, supporting direct CSS styles or using Vue's inline style objects.

Note

Inline styles only apply to the component's outermost layer. When modifying inner DOM styles of components, you need to use class + CSS to achieve style penetration and default style override.

Class Styles

You can add CSS class names to components through the class configuration item, supporting specifying multiple class names using strings or arrays. This allows applying predefined style classes to components to achieve consistent visual effects.