超简单集成:原生小程序使用原子化css框架windicss开发
发布于 2 年前 作者 liangping 3495 次浏览 来自 分享

如果你也喜欢用原子化css,并想在原生小程序里使用的话,那就按下面4个步骤试试。

  1. 在小程序目录下新建windi.wxss空文件

2)在app.wxss引入windi.wxss

// app.wxss
[@import](/user/import) 'windi.wxss'

3)全局安装windicss依赖(安装过后,后续无需再次安装)

cnpm i -g windicss

4)在小程序目录下执行生成windi内容

windicss '**.wxml' -o windi.wxss -d

然后就可以开始使用 classes 工具类啦。

效果图:

如果你是使用tailwindcss,建议试试windicss,你会爱上它,如果对你有帮助的话,点赞支持一下。

官网:Windi CSS 是下一代工具优先的 CSS 框架。

1 回复

你好,请问如何将px转为rpx呢,有现成的例子吗?

多谢楼主!

回到顶部