uniapp使用postcss-px-to-viewport

对于uniapp项目中使用postcss-px-to-viewport，你可以按照以下步骤进行配置：

. 首先，安装相关依赖。在项目根目录下执行以下命令：

npm install postcss-px-to-viewport --save-dev

2. 在项目根目录中找到`postcss.config.js`文件（如果没有则新建一个），并进行如下配置：

module.exports = {
  plugins: {
    'postcss-px-to-viewport': {
      viewportWidth: 750, // 设计稿的宽度
      unitPrecision: 3, // 转换后的小数位数
      viewportUnit: 'vw', // 转换的单位
      selectorBlackList: ['.ignore'], // 忽略转换的CSS选择器，使用.ignore类名可以忽略
      minPixelValue: 1, // 最小的转换数值
      mediaQuery: false, // 是否在媒体查询中也进行转换
    },
  },
};

可以根据实际需求修改`viewportWidth`的值，以及添加其他配置项。

3. 在`vue.config.js`文件中添加postcss配置：

module.exports = {
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          require('postcss-px-to-viewport')({
            viewportWidth: 750, // 设计稿的宽度
            unitPrecision: 3, // 转换后的小数位数
            viewportUnit: 'vw', // 转换的单位
            selectorBlackList: ['.ignore'], // 忽略转换的CSS选择器，使用.ignore类名可以忽略
            minPixelValue: 1, // 最小的转换数值
            mediaQuery: false, // 是否在媒体查询中也进行转换
          }),
        ],
      },
    },
  },
};
``