微信小程序使用Windi CSS

赤三禾的个人博客 / 0 / 0 / 创建于 3年前 / 更新于 3年前

步骤：#

1. 在小程序根目录创建 windi.wxss 空文件#

微信小程序使用Windi Css

2.[代码操作] 在 app.wxss 引入 windi.wxss#

@import 'windi.wxss'

微信小程序使用Windi Css

3. [命令行] 全局安装 windicss 依赖（已安装，请忽略）#

$ cnpm i -g windicss

4. [命令行] 小程序根目录命令行执行生成 windi 内容#

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

tips：执行后需保持窗口开启，代码中增加 class 参数后，样式内容会增加到 windi.wxss 中

微信小程序使用Windi Css

5. 运行效果#

微信小程序使用Windi Css

本作品采用《CC 协议》，转载必须注明作者和本文链接

课程读者 51 声望

暂无个人描述~

《L02 从零构建论坛系统》

以构建论坛项目 LaraBBS 为线索，展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。

《L01 基础入门》

我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。

推荐文章：

更多推荐...

无需修改任何代码和扩展将你的Laravel项目性能提高20倍 99 / 98 |

Laravel 实用小技巧——缓存标签的小秘密（下） 12 / 11 |

Laravel 实用小技巧——缓存标签的小秘密（上） 16 / 6 |

Redis 实用小技巧——记一次 Redis 「大扫除」行动 11 / 6 |

PHP 程序员转 Go 语言的经历分享 19 / 12 |

手摸手带你使用 docker-compose 编排一个开发环境 18 / 15 |

讨论数量: 0

(=￣ω￣=)··· 暂无内容！

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

未填写

私信

文章归档

1 篇 2022 年 9 月 1 篇 2022 年 7 月 1 篇 2022 年 3 月 2 篇 2021 年 12 月 1 篇 2021 年 8 月

2年前使用Python实现批量PPT转图片，格式支持PNG、JPG，转后图片后批量重命名 2年前 Laravel + EasyWechat开发公众号，常用功能记录，入口代码优化，希望小伙伴提出更好的解决方案和思路。 3年前微信小程序使用Windi CSS 3年前使用laravel inertia开发体验页面 3年前 laravel安装inertia vue3的版本

5 laravel安装inertia vue3的版本 4 Laravel + EasyWechat开发公众号，常用功能记录，入口代码优化，希望小伙伴提出更好的解决方案和思路。 2 Windows 系统，PHP实现PPT转PDF，PDF转图片的操作 1 微信小程序使用Windi CSS 0 使用laravel inertia开发体验页面

成为赞助商