框架的使用 基础配置与组件 内置工作流 Sass 增强支持 扩展组件 框架的使用 作为一个框架，QMUI Web 主要提供了四种能力来提升 UI 开发的效率与质量。分别用于快速实现项目 UI，快速解决重复劳动力工作，CSS 的预处理和复杂的组件参考四个方面，这也是 QMUI Web 的使用目标。 基础配置与组件 框架中会有一份配置表，...

雪碧图处理 雪碧图处理 QMUI 中集成了基于 postcss-lazysprite 和 postcss-svg-sprite 的雪碧图自动处理，使用时只需要在 UI_dev/project/images 中建立一个图片文件夹，把需要的图片放入，QMUI 会按规则生成所有的 CSS 以及雪碧图文件。以本 Demo 中使用到的雪碧图为例，创建时需要...

通用组件 按钮 对话框 遮罩层 下拉菜单 选项卡 文本输入 通用组件 QMUI Web 的通用组件与 Bootstrap 这类组件库框架中的组件并不相同，通用组件本身只有实现了很少的必要样式，而通过 Sass 配置表的方式预留了大量可配置的接口，在创建一个新项目后，应该先根据设计配置好这些信息，当这些信息配置完成，那么一个项目的基本样式就...

工作流的使用 工作流的使用 QMUI 中的各种工具方法已经预先集成为一个工作流，包括监控 Sass 文件并自动编译，样式优化（浏览器兼容自动处理等），雪碧图处理，模板 include 能力（可以传参和使用条件判断），图片压缩，文件清理等功能。 各个命令都是在 qmui_web 文件夹中调用对应的 Gulp 命令即可 ，部分命令依赖于 qmui.co...

扩展组件 CSS Sprite 自动合并 等高左右双栏 文件上传按钮 树状选择菜单 扩展组件 扩展组件是指那些不便于收录到通用组件中（通常是因为组件的业务性无法完全剥离，或者是组件只有在某些项目下才会被用到，通用性不大），但因为结构复杂，或者有一些技术难点的存在，仍值得参考的组件。因此这里展示的扩展组件都仅作参考作用，QMUI 主源码中并不提...

编码规范说明 编码规范说明 QMUI 本身的代码遵循一系列的规范编写，这是由于 Web UI 代码（CSS 与 HTML 为主）语法较为松散，引入编码规范有助于提高团队内协助的效率以及代码的可维护性。

环境配置 环境配置 QMUI Web 基于 Gulp 和 Node.js，请确保安装 Node.js （建议 8.0 或以上版本），并用以下命令全局安装 Gulp： #全局安装 Gulp npm install - g gulp - cli

介绍 介绍 QMUI 提供了大量的针对 UI 的 Sass 工具方法，可以帮助你快速产出样式代码，如布局方法，外观设置与特效，设备适配，动画变形以及数值计算等。

浏览器自动刷新 浏览器自动刷新 QMUI 带有基于 BrowserSync 的浏览器自动刷新功能，同时支持本地服务器模式（server）和代理模式（proxy）。 本地服务器模式（server）适合静态页面的开发，也是默认的模式，代理模式（proxy）则适合本身有本地服务的动态页面的开发（如本地的 Node.js 服务，PHP 本地开发）。详细的配...