如何将Mini程序中Vant组件的默认样式单元PX转换为RPX（Vant开发applet）

本文向您展示了如何在微信中使用Vant组件时如何将PX转换为RPX。我希望它对每个人都有帮助！

当微信applet使用第三方组件库（例如：Vant）时，该组件的默认样式是PX。这与页面上的RPX单元不兼容。 [相关学习建议：迷你计划开发教程]

1.gulp2.gulp - postcs3.postcss - px2units

1。初始化和安装

npm init //输入所有NPM安装- - - -生产NPM I@Vant/want/weapp/weapp - k3 k3 -微型迷你计划开发工具

检查3。使用微信Mini计划开发工具构建NPM

4。成功构建后，您将看到MinipRogram_npm folder

</ppm </ppm ppm pops </k3 PostCSS - px2un ITS - -保存- dev

安装6。 var Postcss = require（'Gulp - Postcss'）; var pxtounits = require（'postcss - px2units'）; gulp.task（'css'，function（）{return gulp.src（[['miniprogram_npm/@vant/weapp/weapp/*））。。

7。在软件包下添加执行命令

脚本

脚本：{构建：gulp css，test：echo \ error：测试当前的\ exit \ exit 1}，

8。 呢 呢

有关与编程相关的知识，请参阅编程学习！ 呢

这几篇文章你可能也喜欢：

• 让我们来谈谈微信小组的生命周期（功能）（微信小组生命周期功能，其功能和呼叫订单）
• 简单地分析了微图和亲子成分中插槽之间的某些通信方法（微型图的父组成部分将值传递给子组件）
• 如何在迷你程序中封装网络的次级胶囊请求
• 简单分析如何动态创建迷你程序代码（在微信中更改动态图像）
• 请逐步告诉我如何使用微信小组中的Canvas+Painter插件创建QR码（微型图创建QR码）

本文由主机参考刊发，转载请注明：如何将Mini程序中Vant组件的默认样式单元PX转换为RPX（Vant开发applet） https://zhujicankao.com/146424.html