Divider 分割线

在内容之间显示分割线，可在中间插入文字或自定义内容。

支持平台

以下为官网文档所列的平台支持情况，具体功能及版本限制请参见本页的平台说明。

App-vue	App-nvue	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序	H5	PC	快手小程序	钉钉小程序
✓	✓	✓	✓	✓	✓	✓	✓	✓	✓	✓

基础用法

<!-- 带提示文字的分割线 -->
<fui-divider text="没有更多内容"></fui-divider>

属性

属性	类型	说明	默认值
text	String	分割线中间的文字	空字符串
height	Number、String	容器高度，单位 rpx	100
width	String	分割线区域宽度，可带单位	400rpx
dividerColor	String	线条颜色	#CCCCCC
color	String	文字颜色	#B2B2B2
size	Number、String	文字大小，单位 rpx	24
fontWeight	Number、String	文字字重	400

事件

事件	说明	回调参数
—	无自定义事件	—

default 插槽位于中间内容区域；源码会同时渲染非空的 text。

版本说明

当前源码未声明官网历史版本中提到的 backgroundColor 属性。

插槽

插槽	说明
default	分割线中间的内容