Divider 分割线

分割线用于区分页面中的不同内容区块，可携带文字说明。组件支持设置文字内容与位置，并可单独控制左右线条的显示。

小程序	APP	Web
✓	✓	✓

实例

以下按属性分别说明 mu-divider 的用法，可按需组合。

<template>
  <mu-divider />
</template>

类型

设置分割线的样式类型，默认为 default。

<mu-divider type="default" />

尺寸

设置分割线的尺寸，默认为 default。

<mu-divider size="default" />

文字

在分割线中显示文字内容。

<mu-divider text="标题" />

位置

控制文字在分割线中的位置，可选 left、center、right。

<mu-divider text="左侧" position="left" />
<mu-divider text="右侧" position="right" />

左侧线条

控制文字左侧是否显示线条。

<mu-divider text="仅右侧线条" :left-line="false" />

右侧线条

控制文字右侧是否显示线条。

<mu-divider text="仅左侧线条" :right-line="false" />

属性

全部属性均可选，未传入时使用默认值；默认值列为 - 表示空字符串。

属性名称	说明	类型	默认值
type	分割线的样式类型	string	default
size	分割线的尺寸	string	default
text	分割线中显示的文字内容	string	-
position	文字位置，可选 left、center、right	string	center
leftLine	文字左侧是否显示线条	boolean	true
rightLine	文字右侧是否显示线条	boolean	true
customClass	自定义类名，附加在分割线根节点上以覆盖默认样式	string	-
customStyle	自定义行内样式，直接作用于分割线根节点	any	-