问题描述,vant使用的px为单位,为1x图(375),而目前常规设计稿使用2x图(750),在使用postcss-pxtorem插件转换rem时, 导致vant 组件样式过小,目前有个讨巧的方法,如果大家有更好的方法,留言给我,感谢!!
ps:该代码在vue cli 3.x 搭建项目下测试通过
module.exports = ({ file }) => {
let isVant = file && file.dirname && file.dirname.indexOf("vant") > -1;
let rootValue = isVant ? 37.5 : 75; // 判断条件 请自行调整
return {
plugins: {
autoprefixer: {},
"postcss-pxtorem": {
rootValue: rootValue,
propList: ["*"]
}
}
}
}
网友评论