其他样式变量

组件库提供了一系列样式变量，用于快速搭建

卡片风格

• 卡片默认圆角 --vi-card-radius

div {
    border-radius: var(--vi-card-radius)
}

• 卡片阴影 --vi-card-box-shadow

div {
    box-shadow: var(--vi-card-box-shadow)
}

• 卡片padding --vi-card-padding

div {
    padding: var(--vi-card-padding)
}

• 盒子scroll-thumb 类 提供一个简单的无功能的scroll样式

<div class="vi-scroll-bar"></div>

示例

基础样式

其它风格

• round圆角 --vi-round-radius
• 浅色盒子阴影 --vi-box-shadow
• 普通匀速动画 --vi-transition

你可以使用以上变量同一项目样式风格