请注意,本文编写于 366 天前,最后修改于 62 天前,其中某些信息可能已经过时。
有时候内置的样式并不美观,需要自定义修改
一、!importance修改(部分适用)
拿到节点的class或id属性,通过css中的!importance提高权重覆盖样式
二、根据官方提供的ConfigProvider 覆盖进行修改(好用)
在template中需要修改样式外包裹
<van-config-provider :theme-vars="themeVars">
...
</van-config-provider>
在js或者ts中引用
import type { ConfigProviderThemeVars } from 'vant';
const themeVars: ConfigProviderThemeVars = {
//修改原先的--van-padding-base: 4px; 为10px需要进行驼峰命名法
paddingBase: '10px',
};