1.0.1 • Published 7 years ago
办会家样式库
示例
// 安装
npm i bhj_style -S
// 使用(以main.js为例)
import 'bhj_style'
重置样式
布局
| 类名 | 描述 | 说明 |
|---|
| .x-container | container容器 | 参考bootstrap的container |
| .x-row | row | 参考bootstrap的row |
| .x-row.x-row-guest-10 | col之间间隔 | 参考element的row的guest(适合大屏幕) |
| .x-col-xs-1~12 | col | 参考bootstrap的col-xs-* |
| .x-col-sm-1~12 | col | 参考bootstrap的col-sm-* |
| .x-col-md-1~12 | col | 参考bootstrap的col-md-* |
| .x-col-lg-1~12 | col | 参考bootstrap的col-lg-* |
自定义布局
动画
基于断点的隐藏类（参考element-ui的基于断点的隐藏类）
| 类名 | 描述 | 说明 |
|---|
| hide-xs-only | | |
| hide-sm-and-up | | |
| hide-sm-only | | |
| hide-sm-and-down | | |
| hide-md-and-up | | |
| hide-md-only | | |
| hide-md-and-down | | |
| hide-lg-and-up | | |
| hide-lg-only | | |
| hide-lg-and-down | | |
| hide-xl-only | | |
公共类
| 类名 | 描述 | 说明 |
|---|
| pull-left | | |
| pull-right | | |
| clearfix | | |
| text-center | | |
| text-left | | |
| text-right | | |
| text-ellipsis | | |
| inline-block | | |
| postition-center | 绝对定位实现垂直居中 | |
| flex-center | 用flex实现垂直居中 | |
| | |
| | |
| | |
| | |
| | |