css快速布局npm包

name:          cssmodel
version:       1.1.2
filename:      cssmodel-1.1.2.tgz
package size:  4.2 kB
unpacked size: 25.4 kB

说明:

1. 本项目主要是为了能在开发中快速布局, 定义一系列常用css标签, 开发时直接class=""使用该标签即可

2. 其中model文件夹为scss源文件夹,dist目录为Live Sass Compiler(vs code 扩展,扩展设置参考:.liveSassSetting文件)生成的文件夹

3. model/variable.scss为变量配置文件,修改完成即可生成对应css至dist目录中

4. 使用时导入dist/index.wxss(全包)即可使用,当然,若是只使用flex布局即导入dist/flex.wxss即可

tips:

1. 微信小程序中在全局app.wxss中粘贴生成的dist/index.scss,则全局都有该代码提示,组件里使用全局样式需开启styleIsolation为apply-shared

Component({
    options:{
        styleIsolation:'apply-shared'
    },
    ...
})

2. 本项目也可以使用于其他类型的项目,只需修改扩展配置项liveSassCompile.settings.formats的extensionName为".css"即可,或为任意扩展名

兼容性

​ ie >= 6 ​ firefox >= 8 ​ chrome >= 24 ​ Opera>=10