微信小程序好看的ui界面-微信小程序里使用weui的正确打开方式-小程序ui-即速应用

微信小程序好看的ui界面-微信小程序里使用weui的正确打开方式-小程序ui

浏览量：1676 时间：2020-03-20 来源：definitly

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