Vant css主题定制

如何定义和使用css变量

可以新建文件 名字自定义

// 全局定义在 :root 
:root {
    --main: #999;
    --cp-primary: #16c2a3;
    // 可以覆盖原有属性
    --van-primary-color: var(--cp-primary);
}

// 需要修改的便签 类名 加上需要修改的属性 使用var来赋值
a {
    color: var(--main)
}

定义在某个文件后需要在main.ts引入

import './styles/main.scss'

!!!注意

有些样式属性没有在vite.config.ts设置importStyle: false会导致权重不够

plugins: [
    Components({
      resolvers: [VantResolver({ importStyle: false })]
    }),
  ]