showNav: true
Divider 分割线
分割线
:::demo
<p>看到了么?我后面有条实线分割线哦~</p>
<rc-divider></rc-divider>
<p>看到了么?我后面有条虚线分割线哦~</p>
<rc-divider dashed></rc-divider>
:::
居中标题
:::demo
<rc-divider>我是标题呀标题</rc-divider>
:::
靠左标题
:::demo
<rc-divider position="left">我是靠左的标题呀靠左的标题</rc-divider>
:::
靠右标题
:::demo
<rc-divider position="right">我是靠右的标题呀靠右的标题</rc-divider>
:::
虚线标题
:::demo
<rc-divider dashed>我是一个虚线标题诶~</rc-divider>
:::
竖直分割线
:::demo
<div>
<span>标签1</span>
<rc-divider type="vertical"></rc-divider>
<span>标签2</span>
<rc-divider type="vertical"></rc-divider>
<span>标签3</span>
</div>
:::
Attributes
参数 | 说明 | 可选值 | 类型 | 默认值 |
---|---|---|---|---|
type | 分割线是垂直还是水平 | horizontal/vertical | String | horizontal |
position | 文字位置 | left/right/center | String | center |
dashed | 是否虚线 | true/false | Boolean | false |