Divider 分隔符

---

分割内容提示符

使用指南

在 Taro 文件中引入组件

import { AtDivider } from 'taro-ui'

组件依赖的样式文件（仅按需引用时需要）

@import '~taro-ui/dist/style/components/divider.scss';
@import '~taro-ui/dist/style/components/icon.scss';

一般用法

<AtDivider content="分割线" />

自定义颜色

<AtDivider content="没有更多了" fontColor="#ed3f14" lineColor="#ed3f14" />
<AtDivider content="没有更多了" fontColor="#ff9900" lineColor="#ff9900" />
<AtDivider content="没有更多了" fontColor="#2d8cf0" lineColor="#2d8cf0" />

自定义内容

说明：只有当 content 为空时，才能嵌套子组件

/* import { AtDivider,AtIcon } from 'taro-ui' */
<AtDivider>
  <AtIcon value="check-circle"></AtIcon>
</AtDivider>

参数

参数	说明	类型	可选值	默认值
content	分隔符文字	String	-	-
height	分隔符高度，会自动转 rem,rpx	String or Number	-	112
fontColor	文字颜色	String	-	#6190E8
fontSize	文字大小，会自动转 rem,rpx	String or Number	-	32
lineColor	分割线颜色	String	-	#CCC