自己写微信小程序,发现有weui这样的东西。第一次使用,网上搜到到用法是这样的:
到https://weui.io/#input查看例子,右键查看源码,然后再对照界面和源码使用。
但是这样看到的源码是网页版的,不是小程序风格的代码。另外,源码和界面也不好对应。
实际上,如果是开发微信小程序或者公众号,使用的是微信web开发者工具,weui的正确打开方式是这样的:
- 下载weui
项目地址:https://github.com/weui/weui-wxss/
- 使用微信web开发者工具,新建项目,并选择下载的weui的解压后的文件夹里的dist目录。
- 然后就能以项目的形式查看weui了。
- 这样查看某个组件的用法就方便多了,而且也有对应js文件,可以查看模拟数据的处理方式。
- 如果在自己的项目里使用,需要把下载的weui文件夹下的dist目录下的weui.wxss文件找到,拷贝到自己的项目里,可以和例子一样,建一个文件夹style,把weui.wxss文件放进去。然后在自己的项目的app.wxss文件里引用这个文件。
- 然后在你的项目里就可以使用weui风格的组件了。