planeui, 响应前端的现代HTML5设备响应前端框架

分享于 

6分钟阅读

GitHub

  繁體 雙語
The Modern HTML5 Cross-Device Responsive Front-end UI Framework.
  • 源代码名称:planeui
  • 源代码网址:http://www.github.com/pandao/planeui
  • planeui源代码文档
  • planeui源代码下载
  • Git URL:
    git://www.github.com/pandao/planeui.git
    Git Clone代码到本地:
    git clone http://www.github.com/pandao/planeui
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/pandao/planeui
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    平面用户界面

    响应前端的现代HTML5设备响应前端框架。

    Github下载: https://github.com/pandao/planeui/archive/master.zip

    
    bower install planeui
    
    
    
    
    <linkrel="stylesheet"type="text/css"href="dist/css/planeui.min.css"/>
    <scripttype="text/javascript"src="./js/jquery-2.1.1.min.js"></script>
    <scripttype="text/javascript"src="./dist/js/planeui.js"></script>
    <linkrel="stylesheet"type="text/css"href="./dist/css/planeui.min.css"/><!--[if (gte IE 9) |!(IE)]><!--><scripttype="text/javascript"src="./js/jquery-2.1.1.min.js"></script><!--<![endif]--><!--[if lt IE 9]><script type="text/javascript" src="./js/jquery-1.11.3.min.js"></script><script type="text/javascript" src="./dist/js/planeui.patch.ie8.min.js"></script><![endif]--><!--[if lt IE 10]><script type="text/javascript" src="./dist/js/planeui.patch.ie9.min.js"></script><![endif]--><scripttype="text/javascript"src="./dist/js/planeui.js"></script>
    xs*
    sm
    md
    lg
    xl
    xxl
    <divclass="pui-layout pui-layout-fixed"></div>

    pui-layout-fixed-980 pui-layout-fixed-1000 pui-layout-fixed-1200 pui-layout-fixed-1360 pui-layout-fixed-1400 pui-layout-fixed-1500 pui-layout-fixed-1600 pui-layout-fixed-1700 pui-layout-fixed-1800

    <divclass="pui-grid">
     <divclass="pui-row">
     <divclass="pui-grid-xs-3"></div>
     <divclass="pui-grid-xs-3"></div>
     <divclass="pui-grid-xs-3"></div>
     <divclass="pui-grid-xs-3"></div>
     </div>
     <divclass="pui-row">
     <divclass="pui-grid-xs-4"></div>
     <divclass="pui-grid-xs-4"></div>
     <divclass="pui-grid-xs-4"></div>
     </div>
     <divclass="pui-row">
     <divclass="pui-grid-xs-3"></div>
     <divclass="pui-grid-xs-6"></div>
     <divclass="pui-grid-xs-3"></div>
     </div>
     <divclass="pui-row">
     <divclass="pui-grid-xs-5"></div>
     <divclass="pui-grid-xs-7"></div>
     </div>
    </div>
    <divclass="pui-flexbox pui-flex-column">
     <header>标题栏</header>
     <divclass="pui-flex">内容层</div>
     <footer>底栏</footer>
    </div>

    更多示例及用法详见:https://pandao.github.io/planeui/

    • 箭头
    • 文章
    • 应用程序布局
    • 动画
    • 基本
    • Badge/Label/Tag
    • 按钮
    • 按钮工作表
    • 面包屑
    • 卡卡
    • 颜色( 材质设计颜色)
    • 颜色选取器( 材质设计颜色选取器)
    • 复选框
    • 关闭按钮
    • 评论
    • 对话框
    • 字体
    • 字体分析器
    • 文件输入
    • 整页
    • Flexbox布局
    • 窗体
    • 表单验证程序
    • 网格版式
    • 图像
    • 列表
    • ListView
    • 装入
    • 菜单
    • 菜单栏
    • 菜单 accordion
    • 掩码
    • 注意
    • 分页
    • 进度
    • 分级
    • 单选钮
    • 环式进度
    • 搜索
    • 切换按键
    • ScrollTo ( 锚定+ 容器)
    • sidenav/侧面幻灯片( 关闭画布加)
    • 制表符
    • 文本
    • Table
    • Top10
    • 工具提示
    • 时间线
    • z 深度( 材质设计z 深度)

    一个> B>> D

    iOS Safari 7.1 +
    Firefox 31 +
    桌面 IE10+、WP 8.1 + IE
    IE9、WP IE
    • iOS 7 +
    • Android 4.2 +
    • Chrome ( 最新)
    • Firefox ( 最新)
    • Safari 6 +
    • Opera ( 最新)
    • IE 9 +
    • 节点 web kit
    • Phonegap

    整理中。

    查看更新日志

    许可证

    麻省理工学院许可证( MIT )

    版权所有( c ) 2014 ~2015 Pandao


    相关文章