vue pc端简单适配

使用的方案 lib-flexible-computer + postcss-pxtorem
1.安装依赖

npm install npm i lib-flexible-computer --save
npm install --save-dev postcss-pxtorem@5.1.1

2.引入依赖包
安装好了之后还需要在项目的入口文件 main.js 里引入 lib-flexible

vite.config.js 里引入 lib-flexible postcss-pxtorem

3.同时在vite.config.js中css部分配置项中添加适配方案

代码如下：
 

          postcssPxtoRem({
            rootValue: 192, // 按照自己的设计稿修改 1920/10
            unitPrecision: 5, // 保留到5位小数
            selectorBlackList: ['ignore', 'tab-bar', 'tab-bar-item'],  // 忽略转换正则匹配项
            propList: ['*'],
            replace: true,
            mediaQuery: false,
            minPixelValue: 0
          }),