ThinkUI是吸取了国内外框架的优点而封装的一套前端框架,体积轻盈,拆分自由,组件模块化,用户无论是开发较大的项目还是小型项目,都能利用UI快速的进行开发,CSS样式表和样式打印模块为用户提供了更自由的样式生成方法。
UI以移动端为优先,适配所有尺寸的电子设备,根据不同尺寸自动响应,符合现阶段项目的开发需求。
├─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 //实例文档,实例模板
<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,当然如果网站是纯静态的,那就无需了。
<script src="assets/ThinkPlus/iesuport/html5.min.js"></script> <script src="assets/ThinkPlus/iesuport/respond.min.js"></script>