小程序 WeUI 引用流程详解
1. github传送阵 --->>>>> weui
2. 注意下面就是传送阵到达的 weui界面。点击右侧 3号指示按钮下载压缩包
解压之后就是这张图显示的列表---->>>>>
------这个 dist 文件(可以直接在开发者工具上打开并运行dist文件)就是我们需要的模板文件了(这里说一下,weui和vant 是有区别的,vant是写好的组件,你可以直接引入然后在页面引用就行,但是weui是需要你把相对应的代码都复制过来到你本地的wxml以及 js文件中的)
使用步骤
1: 将style文件复制到你本地微信代码根目录,然后在app.wxss引用(下面会有几张图一起解说)
2: example 文件夹就是放置各个写好的组件的html文件,以及对应的js。你可以根据自己的需求来复制对应的代码到你本地(建议打开两个窗口,一个窗口你本地项目编辑,另一个你可以专门用来查看各种不同类型的组件页面以及js)
以下就是最后一个步骤截图------
比如你需要ios dialog样式一,那么就到example里面去找到dialog这个文件夹,然后将wxml中对应的代码粘贴到你的本地,再到这个文件夹中的js文件中,将data的参数以及对应的方法也一起粘贴过去就行了。