超简单集成:原生小程序使用原子化css框架windicss开发

798 阅读1分钟

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

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

2)在app.wxss引入windi.wxss

// app.wxss
@import 'windi.wxss'

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

cnpm i -g windicss

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

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

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

效果图:

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

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