谈微信小程序官方UI框架 we-ui教程

WeUI是一套与微信原有视觉体验一致的基础风格库，由微信官方设计团队针对微信中的网页和微信小程序进行设计，让用户的使用感知更加统一。它包含按钮、单元格、对话框、进度、吐司、文章、动作表、图标和其他元素。

首先看看这个框架的GItHub地址

微信小程序UI框架we-ui

1.从git克隆到本地

我不会解释太简单的东西，只是谈谈如何使用它

这是解压缩的目录

2.创建新项目

将dist/style/directory中的weui.wxss放入新项目的根目录中，如下图所示

3.在app.wxss中引入weui.wxss文件

至此，准备工作完成，可以使用官方风格

接下来，让我们看看如何查看示例代码。我们将从clone导入示例代码到微信小程序开发工具中

导入的目录是src/example

然后，您可以看到示例代码

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。