微信小程序调用 WeUI 的正确姿势

WeUI 是由微信官方设计团队为微信 Web 开发量身设计的基础样式库。其带来的用户体验和微信原生界面一致。在一些特殊领域,比如弹窗或者菜单,都提供了 iOS 和 Android 版本区分开的样式。遵循了两大平台的最新设计语言(iOS 为扁平化,Android 为 Material Design)。

在制作微信小程序时,使用 WeUI 可以大大节省界面排布和功能实现所用的时间。在小程序内调用 WeUI 非常简单。

1.前往 https://github.com/weui/weui-wxss/ 下载整个项目的打包。

2.将整个项目解压缩,将 weui-wxss-master\dist\style\weui.wxss 丢入微信小程序的根目录。

    (切记不是 weui-wxss-master\src\style\weui.wxss 

3.在小程序的 app.wxss 中加入对 weui.wxss 的引用

@import 'weui.wxss';

之后就可以直接把官方 Demo 里的代码直接拖过来使用了。