微信小程序使用weui组件的方式

Github 地址:https://github.com/weui/weui

首先下载项目压缩包,解压后目录如下:

微信小程序使用weui组件的方式

dist和src目录结构一样,dist里面的文件内容和src一样(估计),相比src里面的文件删除了空格和空行等

使用方式:

第一步:将任一style文件夹放到项目根目录,直接在项目本地目录粘贴就行

微信小程序使用weui组件的方式

第二步:引入需要用到的样式文件到app.wxss中,或者在需要使用的页面引入也可以(第二行和第四行只需要一个,猜测weui.wxss是包含了所有组件样式代码)

微信小程序使用weui组件的方式

第三步:具体使用,参考项目压缩包中的example文件夹,里面有使用的例子(我在这卡了好久,还默默吐槽了weui的文档说明不详细,写下来希望别人少卡一会)

微信小程序使用weui组件的方式