辅助类
辅助类使用规则
- 给组件或自定义元素添加辅助类,以快速定义样式。
- 如需直接将类名添加到
PureUi组件或自定义组件上,请在mainfest.json中开启mergeVirtualHostAttributes特性。
辅助类前缀
- 所有辅助类的前缀都是
pure-。 - 例如:
pure-hover。 PureUi组件辅助类的命名规则是pure-+组件名+-+名称。- 例如:
pure-button-primary。
辅助类列表
全局
| 类名 | 说明 | 版本 |
|---|---|---|
pure-hover | hover-class | +1.0.0 |
pure-disabled | 禁用状态 | +1.0.0 |
pure-placeholder | 提示 | +1.0.0 |
pure-text-left | 文字左对齐 | +1.0.0 |
pure-text-center | 文字居中对齐 | +1.0.0 |
pure-text-right | 文字右对齐 | +1.0.0 |
pure-text-justify | 文字两端对齐 | +1.0.0 |
pure-border | 全部边框 | +1.0.0 |
pure-border-top | 上边框 | +1.0.0 |
pure-border-bottom | 下边框 | +1.0.0 |
pure-border-left | 左边框 | +1.0.0 |
pure-border-right | 有边框 | +1.0.0 |
pure-border-color-regular | 浅颜色边框 | +1.0.0 |
pure-underline | 下划线 | +1.0.0 |
pure-hide-scrollbar | 隐藏滚动条 | +1.0.0 |
pure-line-{1-10} | 超出行数，显示行尾省略号，最多10行 | +1.0.0 |
pure-animate-spin | 旋转动画 | +1.0.0 |
- 对应组件的辅助类，挪到了对应组件说明文档中，请在对应文档中查看。