vue h5适配

又菜又不想学的小张

已于 2023-07-24 17:03:44 修改

阅读量396

点赞数

分类专栏： vant vue 文章标签： vue.js javascript 前端

于 2023-02-10 10:10:04 首次发布

本文链接：https://blog.csdn.net/qq_45108358/article/details/128965137

版权

vue 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

vant

3 篇文章 0 订阅

订阅专栏

1. 引入插件

  npm i amfe-flexible
  npm i postcss-pxtorem

2. 在main.js中引入

import 'amfe-flexible'

3. 在根目录下创建 postcss.config.js 文件

里面的内容如下

// postcss.config.js
module.exports = {
  plugins: {
      'postcss-pxtorem': {
          rootValue({ file }) {
              return file.indexOf('vant') !== -1 ? 37.5 : 75; // 因为vant框架是以375px的稿子为基础的，所以需要适配一下
          },
          //rootValue: 37.5,
          propList: ['*'], // 需要转换的css属性，默认*全部
      }
  }
}