Weui 微信网站开发样式插件使用教程
2016-08-17 22:02
681 查看
微信的网页样式正式发布了,搜了一下,正式引入了乐学一百微信端的项目中。
调用方法
<!-- 微信样式引入开始 -->
<link rel="stylesheet" href="public/js/weui/dist/lib/weui.css">
<link rel="stylesheet" href="public/js/weui/dist/css/jquery-weui.css">
<script src="public/js/weui/dist/lib/jquery-2.1.4.js"></script>
<script src="public/js/weui/dist/js/jquery-weui.js"></script>
<!-- 微信样式引入结束 -->
在附件中下载,放入自己的项目中就可以使用了。
具体的样式书写格式
地址:
http://lihongxun945.github.io/jquery-weui/components
压缩包下载:
http://tieba.baidu.com/p/4314274996
<div class="weui_grids"> <a href="javascript:;" class="weui_grid js_grid" data-id="button"> <div class="weui_grid_icon"> <img src="./images/icon_nav_button.png" alt=""> </div> <p class="weui_grid_label"> Button </p> </a> <a href="javascript:;" class="weui_grid js_grid" data-id="cell"> <div class="weui_grid_icon"> <img src="./images/icon_nav_cell.png" alt=""> </div> <p class="weui_grid_label"> Cell </p> </a> <a href="javascript:;" class="weui_grid js_grid" data-id="toast"> <div class="weui_grid_icon"> <img src="./images/icon_nav_toast.png" alt=""> </div> <p class="weui_grid_label"> Toast </p> </a> ... </div>
调用方法
<!-- 微信样式引入开始 -->
<link rel="stylesheet" href="public/js/weui/dist/lib/weui.css">
<link rel="stylesheet" href="public/js/weui/dist/css/jquery-weui.css">
<script src="public/js/weui/dist/lib/jquery-2.1.4.js"></script>
<script src="public/js/weui/dist/js/jquery-weui.js"></script>
<!-- 微信样式引入结束 -->
在附件中下载,放入自己的项目中就可以使用了。
具体的样式书写格式
地址:
http://lihongxun945.github.io/jquery-weui/components
压缩包下载:
http://tieba.baidu.com/p/4314274996
相关文章推荐
- 使用 Vue 2.x + WeUI 1.x 开发微信视觉样式
- 使用VTEditor软件快速开发网站系列教程三 界面篇
- SharePoint 2007图文开发教程(2)---使用SharePoint创建网站
- 微信公众帐号开发教程第7篇-文本消息中换行符的使用
- [032] 微信公众帐号开发教程第8篇-文本消息中使用网页超链接 .
- 使用VTEditor软件快速开发网站系列教程四 模块公共属性篇
- 使用Eclipse插件EGit进行Git代码托管和协同开发教程
- [032] 微信公众帐号开发教程第8篇-文本消息中使用网页超链接
- 微信公众帐号开发教程第8篇-文本消息中使用网页超链接(8)
- 使用VTEditor软件快速开发网站系列教程七 自定义页面篇
- GBin1教程:使用jQuery Mobile快速开发一个手机阅读网站
- 使用 ADD-ON SDK 开发 基于 Html JQuery 和 CSS 的 firefox 插件入门教程1: 创建一个简单的 Add-on
- 使用VTEditor软件快速开发网站系列教程一 原理篇
- 使用VTEditor软件快速开发网站系列教程六 框架篇
- 使用jQuery图表插件Sparklines来开发一个实用的网站PV(page view)实时监控应用
- 使用jQuery图表插件Sparklines来开发一个实用的网站PV(page view)实时监控应用
- Android微信终端开发工具的新手使用教程
- [031] 微信公众帐号开发教程第7篇-文本消息中换行符的使用 .