小程序 WeUI 引用流程详解-图解-流程-实现

小程序  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的参数以及对应的方法也一起粘贴过去就行了。