性能高效的移動端和微信UI YDUI-Touch

  • 開源協議:GPL
  • 操作系統: Windows Linux OS X
  • 開發語言:Js
  • 項目所有者:characterning
  • 收錄時間:2017-09-16
  • 分享:
編輯評級
3

項目詳細介紹

一只注重審美,且性能高效的移動端&微信UI。

專屬于移動

YDUI Touch 專為移動端打造,在技術實現、交互設計上兼容主流移動設備,保證代碼輕、性能高。

采用 Flex 布局

使用 Flex 技術,靈活自如地對齊、收縮、擴展元素,輕松搞定移動頁面布局。

用 rem 來做響應式開發

實現強大的屏幕適配布局,等比例適配所有屏幕。什么?用得不開心?輕松切換 px。

高端定制

自定義Javascript組件、Less文件、Less變量,定制一份屬于自己的YDUI。

基于jQuery

YDUI JS 組件基于 jQuery 2.0+ 開發;不能接受?別罵我!

同時支持 jQuery 和 Zepto,真是吃力不討好!

先別走,YDUI 還為你提供了很多漂亮樣式組件!

兼容性

兼容絕大多數移動端設備(兼容Android4.0+、IOS6.0+);

如果不兼容你的JJ,請在最下方留言告訴我(操作系統及版本 + 瀏覽器及版本);

采用 flexbox 布局,因低版本安卓及部分特殊瀏覽器不兼容flex-basis、flex-wrap、inline-flex屬性,YDUI 將采取其他解決方案;

目錄結構

獲取 YDUI

通過 YDUI Touch 定制,定制屬于自己的 YDUI,然后下載zip壓縮包;

下載包目錄結構

YDUI   Touch
   |
   |--   build                              //   代碼已壓縮
   |         |--   css
   |         |         |--   ydui.css                              //   已將圖標.ttf轉base64
   |         |--   js
   |                     |--   ydui.flexible.js
   |                     |--   ydui.js
   |
   |--   demo                              //   所有示例文件
   |         |--   css
   |         |         |--   demo.css                              //   示例用到的樣式(項目無需使用)
   |         |         |--   ydui.css
   |         |--   html
   |                     |--   *.html
   |         |--   js
   |                     |--   ydui.flexible.js
   |                     |--   ydui.js
   |         |--   index.html                              //   示例入口文件

使用

獲取到 YDUI 后,在head標簽內引入path/build/css/ydui.css和path/build/js/ydui.flexible.js文件;

凡涉及js組件需另外引入jquery 2.0+和path/build/js/ydui.js;

您可以復制下面代碼或在線預覽。

 

Button


湖北体彩十一选五玩法 000069股票行情 一分赛车怎么玩 北京赛车app下载安装 一分快三198邀请码 国内十大期货配资公司 15选5杀号专家最准确 辽宁快乐12近1000期走势 广东36选4 北京pk拾手机软件下载 中国保本理财98天