# Divider 分割线
# 介绍
为内容划分区域。
# 引入
在 main.js 中引入,详细介绍见快速上手。
# 使用
引入组件后,可以在Vue文件中使用
<vs-divider></vs-divider>
1
# 代码演示
# 方块尺寸
width
属性决定分割线的线宽,默认·1px·。
<vs-divider width="'2px"></vs-divider>
1
# 插槽文本
分割线内的文本,默认居中。
<vs-divider>居中</vs-divider>
1
居中
# 文本位置
文本是默认居中的位置,content-position
有left
和right
偏左和偏右两个选项。
<vs-divider content-position="left">偏左分布</vs-divider>
<vs-divider content-position="right">偏右分布</vs-divider>
1
2
2
偏左分布
偏右分布
# 整体颜色
线条与文字的颜色默认是黑色。
<vs-divider color="darkred">酒红色</vs-divider>
1
酒红色
# 线条样式
分割线的样式,线条默认是实线,dashed
属性能将其变为虚线。
<vs-divider dashed>虚线</vs-divider>
1
虚线
← Dragbox 拖动块 Switch 开关 →