踩坑点:
如果你的设计稿 和 vant 的基准不一样会导致出现问题!
比如你的设计稿750px 而vant 的设计稿是基于375px的,这种情况下vant 的组件就会缩放到很小该如何解决?
在你的postcss.config.js 中设置
file.includes('vant') ? 37.5 : 75; 判断一下 如果是vant的组件 基于37.5 缩放
如果是你自己设计 采用 750px 缩放
module.exports = {
plugins: {
'postcss-pxtorem': {
rootValue({ file }) {
return file.includes('vant') ? 37.5 : 75;
}, propList: ['*'],
minPixelValue: 1,
},
},
};