开始使用ThinkUI


ThinkUI是吸取了国内外框架的优点而封装的一套前端框架,体积轻盈,拆分自由,组件模块化,用户无论是开发较大的项目还是小型项目,都能利用UI快速的进行开发,CSS样式表和样式打印模块为用户提供了更自由的样式生成方法。

UI以移动端为优先,适配所有尺寸的电子设备,根据不同尺寸自动响应,符合现阶段项目的开发需求。

获得ThinkUI
通过GITHUB下载
ThinkUI托管至GITHUB,开源,链接地址https://github.com/thinkpap/thinkui
        ├─assets                                //css目录
        │  └─plus                                //插件库,如layer,ueditor
        │  └─tui
        │  │  └─css                             //模块css目录
        │  │     └─Tui.css                      //用于开发环境的CSS
        │  │     └─Tui-wei.css                //用于开发环境的移动端CSS
        │  │     └─Tui-mini.css               //用于生产环境的CSS
        │  │     └─Tui-wei-mini.css         //用于生产环境的移动端CSS
        │  │     └─Tui-article.css            //通用新闻相应式模块
        │  │     └─Tui-article-mini.css
        │  │  └─js                                //模块js目录
        │  │     └─tui.js                           //常用模块
        │  │     └─tui-wei.js                     //移动端常用模块
        │  │     └─css.js                         //样式文件生产环境
        │  │     └─commons.js               //常见的其他网页特效
        │  │     └─tui-cms.js                   //响应式新闻模块
        ├─Templetes                           //实例文档,实例模板
    
快速开始
获得ThinkUI后,将assets文件夹直接复制到您的项目中
<link href="assets/ThinkPlus/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<link href="assets/ThinkUi/css/Tui-mini.css" rel="stylesheet" />
<script src="assets/ThinkPlus/jquery/jquery-2.1.4.js"></script>
<script src="assets/ThinkUi/js/Tui.js"></script>
UI依赖font-awesome,因此如果您需要图标,则必须引入font-awesome文件
UI特效Tui.js全部依赖jquery,因此必须引入jquery,当然如果网站是纯静态的,那就无需了。
      
解决IE89 Media Queries 问题
IE8和IE9并不支持媒体查询(Media Queries),但你可以使用下面的补丁完美兼容!
     
<script src="assets/ThinkPlus/iesuport/html5.min.js"></script>
<script src="assets/ThinkPlus/iesuport/respond.min.js"></script>