Divider 分隔符

概述

区隔内容的分割线。

对不同章节的文本段落进行分割。

使用指南

在 .json 中引入组件

  1. "usingComponents": {
  2. "i-divider": "../../dist/divider/index"
  3. }

示例

  1. <i-divider content="加载已经完成,没有其他数据"></i-divider>
  2. <i-divider content="加载已经完成,没有其他数据" color="#2d8cf0" lineColor="#2d8cf0"></i-divider>
  3. <i-divider content="加载已经完成,没有其他数据" lineColor="#2d8cf0"></i-divider>
  4. <i-divider content="加载已经完成,没有其他数据" color="#ed3f14" lineColor="#ed3f14"></i-divider>
  5. <i-divider content="加载已经完成,没有其他数据" color="#ff9900" lineColor="#ff9900"></i-divider>
  6. <i-divider color="#2d8cf0" lineColor="#2d8cf0">加载已经完成,没有其他数据</i-divider>
  7. <i-divider color="#ed3f14" lineColor="#ed3f14">加载已经完成,没有其他数据</i-divider>

API

Divider properties

属性说明类型默认值
i-class自定义 class 类名String-
content内容,不定义则使用 slotString-
height高度Number48
color文字颜色String#80848f
line-color辅助线的颜色String#e9eaec
size文字大小String12