概况

QMUI Web 主要分为 project 和 qmui 两个文件夹,project 是我们实际编写项目内容的文件夹,分为 logic(业务代码) 和 widget(公共组件),为了保持 QMUI 的独立性,project 文件夹会被基于 Gulp 的工具复制一份到外层目录中使用,而不是直接修改 QMUI 目录中的版本。这个工具实际上也是 QMUI 提供的脚手架,会提供如雪碧图处理、include 模板功能、清理文件、压缩功能等便捷功能。

QMUI Web 遵循 QMUI 编码规范,因此框架中提供的样式除 Reset 外都以 qui 作开头,以充当框架的命名空间。业务上的样式也应该有自己的命名空间,例如本 Demo 中的样式的公共部分都以 dm 开头,各细致的业务就以业务的功能作开头(例如组件页面的非公共代码都以 widget_ 开头),从而以不同的命名空间划分不同的样式,避免样式的互相干扰。

除此以外,QMUI 封装了大量 Sass 方法供使用,另外还在 Demo 中以参考组件的形式收录了一些结构较复杂的扩展组件,供使用者参考。