Divider 分割线

介绍

为内容划分区域。

引入

在 main.js 中引入，详细介绍见快速上手。

使用

引入组件后，可以在Vue文件中使用

<vs-divider></vs-divider>

代码演示

方块尺寸

width属性决定分割线的线宽，默认·1px·。

<vs-divider width="'2px"></vs-divider>

插槽文本

分割线内的文本，默认居中。

<vs-divider>居中</vs-divider>

居中

文本位置

文本是默认居中的位置，content-position有left和right偏左和偏右两个选项。

<vs-divider content-position="left">偏左分布</vs-divider>
<vs-divider content-position="right">偏右分布</vs-divider>

偏左分布

偏右分布

整体颜色

线条与文字的颜色默认是黑色。

<vs-divider color="darkred">酒红色</vs-divider>

酒红色

线条样式

分割线的样式，线条默认是实线，dashed属性能将其变为虚线。

<vs-divider dashed>虚线</vs-divider>

虚线