1.0.5 • Published 4 years ago
qkycss v1.0.5
qkycss预设快速css
安装项目依赖包
npm install qkycss
引入(建议main.js里引入)
import "qkycss"
css说明,一共分为以下几个模块,具体使用在对应css文件里,打开node_modules->qkycss->dist->qkycss.css查看
/**********盒子布局模型*/
box()
/**内外边距快速预设*/ pm()
/**********背景颜色和字体颜色快速预设*/
co()
/**文本相关样式快速预设*/ fz()
/**********边框相关快速预设*/
br()
/**文宽高相关样式快速预设*/ wh()
/**********定位相关样式快速预设*/
po()
默认引入的是px单位为基础的,可用换单位但需要重新编译
把整个qkycss包复制在其他文件夹,然后打开lib/base.styl 修改$u=1 然后运行npm i 安装依赖,再运行 npm run all 就会自动编译,这时编译的单位为rem。 $u的值对应的数组为:px,rem,vw,vh,vmin,vmax,默认等于0
想使用rem为基础单位的,请使用zwtcss npm地址https://www.npmjs.com/package/zwtcss