提供一些预设的样式,方便编码过程
属性 | 说明 |
---|---|
.clearfix | 清浮动 |
.ellipsis | 单行超出隐藏 |
.center | 文本居中 |
.fl | 左浮动 |
.fr | 右浮动 |
.mr-*, .ml-*, .mt-*, mb-*(*符号对应值为:-5, -10, -20, 0, 5, 10, 20) | 预设上下左右 margin 属性 |
.pr-*, .pl-*, .pt-*, pb-*(*符号对应值为 0, 5, 10, 20) | 预设上下左右 padding 属性 |
@mixin transition | 范例:@include transition(all 300ms ease); 非必填,默认 all 300ms ease |
@mixin transform | 范例:@include transform(all 300ms ease); 必填 |
@mixin transform-origin | 范例:@include transform(top center); 非必填,默认 top center |
@mixin line-clamp | 范例:@include lineClamp(2); 非必填,默认 2 |
@mixin ellipsis | 范例:@include ellipsis(); |
@mixin unselect | 范例:@include unselect(); 让作用域内不可选中 |
@mixin iconfont | 范例:@include iconfont(); 设置为图标的字体 |