weapp-tailwindcss icon indicating copy to clipboard operation
weapp-tailwindcss copied to clipboard

不支持rpx吗

Open Royal-Highness-Princess opened this issue 3 years ago • 3 comments

image

Royal-Highness-Princess avatar Sep 24 '22 03:09 Royal-Highness-Princess

我的readme,有写关于rpx转化的方式。

我认为这种转化,应该依赖postcss插件,而不是直接使用webpack plugin 去做,所以额外写了2个插件。

具体都可以在readme的rem转rpx章节,以及各个模板中,看到他们的使用方式的。

sonofmagic avatar Sep 24 '22 03:09 sonofmagic

仔细看了一下你这张图,你这是 h5 吧, rpx 是小程序特有的 wxss 样式单位,浏览器里不认识这个单位的。 如果你想要对所有的小程序 rpx 进行转化,可以参考我这个postcss逆向转化插件 postcss-rpx-transform

sonofmagic avatar Sep 24 '22 17:09 sonofmagic

看了一下 uni-app 的文档,它会在h5平台进行里面进行默认转化的,这依赖 require('@dcloudio/vue-cli-plugin-uni/packages/postcss') 这个插件。

想要在 h5 平台支持rpx 或者 page 这一类的标签选择器,需要引入这个 postcss 插件。

详见 https://github.com/sonofmagic/uni-app-vue2-tailwind-hbuilder-template/issues/2

sonofmagic avatar Sep 28 '22 03:09 sonofmagic