美文网首页
解决vant 在750设计稿中,样式小的问题

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

作者: __Max__ | 来源:发表于2018-11-22 11:20 被阅读0次

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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/jtzkqqtx.html