样式系统

样式系统主要包含以下内内容：

• 规范化样式
• 预设的 Vue3 过渡样式
• 主题系统
• scss 工具

规范化样式

通常在 main.ts 中导入 normalize 样式：

import '@veltra/styles/normalize'

预设的 Vue3 过渡样式

全部导入

可以在 main.ts 中全局导入:

import '@veltra/styles/transitions'

单独导入

如果对体积有严格要求，不想导入未使用的过渡效果，可以在局部使用以下导入的方式

import '@veltra/styles/transitions/fade.css'

scss 工具

本包提供了一些常用的 scss 工具，包括常用的 mixins 与 常用的 functions, 你还可以通过覆盖变量 $namespace 来使用当前库的同一套工具体系，只不过是命名空间不一样。

主题加载以及切换