插件描述：YDUI Touch专为移动端打造，在技术实现、交互设计上兼容主流移动设备，保证代码轻、性能高；使用 Flexbox 技术，灵活自如地对齐、收缩、扩展元素，轻松搞定移动页面布局；用 rem 实现强大的屏幕适配布局，等比例适配所有屏幕；自定义Javascript组件、Less文件、Less变量，定制一份属于自己的YDUI。
使用
1、获取到 YDUI 后，在head标签内引入css/ydui.css和js/ydui.flexible.js文件；
2、凡涉及js组件需另外引入jquery 2.0+和js/ydui.js；
3、您可以复制下面代码或在线预览。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" /> <meta content="yes" name="apple-mobile-web-app-capable" /> <meta content="black" name="apple-mobile-web-app-status-bar-style" /> <meta content="telephone=no" name="format-detection" /> <!-- 引入YDUI样式 --> <link rel="stylesheet" href="path/build/css/ydui.css" /> <!-- 引入YDUI自适应解决方案类库 --> <script src="path/build/js/ydui.flexible.js"></script></head><body><div class="g-view"> <!-- 使用：样式模块以按钮为例 --> <div class="m-button"> <a href="javascript:;" class="btn-block btn-primary" id="J_Btn">Button</a> </div></div><!-- 引入jQuery 2.0+ --><!-- 引入YDUI脚本 --><script src="path/build/js/ydui.js"></script><script> !function ($) { $('#J_Btn').on('click', function () { /* 使用：js模块以dialog为例 */ YDUI.dialog.alert('我有一个小毛驴我从来也不骑！'); }); }(jQuery);</script></body></html> |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com