解决vant 在750设计稿中,样式小的问题

2018-11-22  本文已影响0人  __Max__

问题描述,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: ["*"] 
            }
        }
    }
}
上一篇下一篇

猜你喜欢

热点阅读