移动端适配

在项目中配置rem

1. 安装amfe-flexible
2. 并在main.js中导入

import 'amfe-flexible';

3. 安装 postcss-pxtorem
4. 在vue.config.js中进行配置

const autoprefixer = require('autoprefixer');
const pxtorem = require('postcss-pxtorem');

module.exports = {
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          autoprefixer(),
          pxtorem({
            rootValue: 37.5,
            propList: ['*'],
            // 该项仅在使用 Circle 组件时需要
            // 原因参见 https://github.com/youzan/vant/issues/1948
            selectorBlackList: ['van-circle__layer']
          })
        ]
      }
    }
  }
};

这段代码可以在vant快速上手那里查看
快速查看