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