webOfficialPreview.jpg

一个旨在提高 UI 开发效率、快速产生项目 UI 的前端工作流,由 QMUI 团队出品

Github:https://github.com/QMUI/qmui_web

官网:http://qmuiteam.com/web

QMUI Web 是一个专注 Web UI 开发,帮助开发者快速实现特定的一整套设计的框架。通过 QMUI Web,开发者可以很轻松地提高 Web UI 开发的效率,同时保持了项目的高可维护性与稳健。如果你的项目需要有一套完整的设计,并且可能有频繁的变动,那么 QMUI Web 框架将会是你最好的解决方案。

功能特性

基础配置与组件

  • 通过预设的 SASS 配置表和公共

  • 组件快速实现项目的基本样式

SASS 与 Compass 支持

  • CSS Reset

  • 大量封装处理好浏览器兼容的原生 SASS 方法

  • 各种数值计算和获取方法,方便约束 UI 统一

  • 实现如 border 三角形等效果的各种方法

  • 工具类(清除浮动,多行省略号等)

脚手架

  • 利用 gulp 监控代替不稳定的 Compass Watch

  • 模板引擎,强化 html 能力

  • 图片集中管理与图片压缩

  • 文件清理

  • 静态资源文件合并与自动变更

扩展组件

  • 雪碧图组件

  • 等高左右双栏

  • 文件上传按钮

  • 树状选择菜单

效果预览

Generator_1x.gif

快速开始

请浏览官方网站:http://qmuiteam.com/web/start.html

其他说明

推荐配合桌面 App:QMUI Web Desktop。它可以管理基于 QMUI Web 进行开发的项目,并提供了编译提醒,出错提醒,进程关闭提醒等额外的功能。

<img src="" width="501" alt="QMUI Web Desktop" />

意见反馈

如果有意见反馈或者功能建议,欢迎创建 Issue 或发送 Pull Request,感谢你的支持和贡献。


kayo5994
41 声望9 粉丝