1、jQuery WeUI 依赖 weui.css 和 jQuery,使用jquery weui时候 要保证 jquery的版本是 V1.7.0以上。
jquery-weui的秤塑娃引入，如果想下载到本地使用 可以使用：npm install jquery-weui下载 不过这样需要编译， 建议直接下载 官方编译好的 包使用 https://github.com/lihongxun945/jquery-weui/archive/build.zip
如下图所示 <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css"> <script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script> <script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/jquery-weui.min.js"></script> 如下图所示，我将以上cdn添加进去 3、jquery weui有很多组件例如：按钮，表单，列表，对话框等等 我们先看看weui 的九宫格的样式使用，如下所示图一就是九宫格效果 我们自己来写几个类似的格子，body代码如下： <body> <div class="weui-grids"> <a href="" class="weui-grid" style="background: aquamarine"> <div class="weui-grid__icon"> <img src=“" alt=""> </div> <p class="weui-grid__label" style="color: red;padding-bottom: 3px;font-size: 16px"> BAIDU </a> <a href="" class="weui-grid" style="background: darkgreen"> <div class="weui-grid__icon"> <img src="" alt=""> </div> <汽倘p class="weui-grid__label" style="color: red;padding-bottom: 3px;font-size: 16px"> PYTHON </a> <a class="weui-grid " style="background: aqua" > <div class="weui-grid__icon"> <img src=""> </div> <p class="weui-grid__label" style="color: red;padding-bottom: 3px;font-size: 16px">baidu </a> </div> </body> 具体代码如图一所示 注意 img里面是个图片链接地址，为了不影响体验所以我这里空着 效果如图二所示： 除了这种按钮还有很多，只要加入 相对的class样式即可，如下 <a href="#" class="weui-btn weui-btn_primary">我的按钮</a><a href="#" class="weui-btn weui-btn_disabled weui-btn_warn">你的按钮</a><a href="#" class="weui-btn weui-btn_disabled weui-btn_primary">他的按钮</a><a href="#" class="weui-btn weui-btn_primary weui-btn_mini">公共按钮</a><a href="#" class="weui-btn weui-btn_disabled weui-btn_default">结束按钮</a> 刷新页面我们将看到这些按钮的样子，如图二所示，更多按钮样式可以仔细去阅读官方文档 刷新页面我们将看到这两个列表，如图二 当然还有单选列表，复选列表等等，也是引入相对的样式即可实现。 6、最后我们在看一个图片上传的表单样式 如下我们通过weui实现一个文件上传的样式： 实现代码如下图所示： 刷新页面后的效果如图二 所示，第一张图是完成上传的，第二种代表上传错误，第三张正在上传，第四个位置是上传位置
