vue3+vite配置vantUI主题

❓在项目中统一配置UI主题色，各个组件配色统一修改

1. vantUI按需安装

参考vantUI文档

2. 创建vantVar.less文件夹进行样式编写
   
   vantVar.less

:root:root{
  //导航
  --van-nav-bar-height: 44px;
  //按钮
  --van-button-primary-color: #ffffff;
  --van-button-primary-background: rgba(86, 61, 248, 1);

}

3. config.js中配置

import {VantResolver} from 'unplugin-vue-components/resolvers';

 vite: {
        plugins: [
            vue(),
            Components({
                resolvers: [VantResolver()],
            }),
        ],
        ...others
      }

4. 每一个组件都提供样式变量可进行配置