分割线

介绍

内容分割组件

基本使用

<z-line />

纵向

通过指定属性direction为col，即可将线条设置为纵向

<z-line :custom-style="{height:'30rpx'}" direction="col"></z-line>

插入内容

通过指定属性content-position，即在线条中空置文字的位置。可选值center,left,right

<z-line content-position="center">zebraUI</z-line>

虚线

通过指定属性dashed，即可将线条设置为虚线

<z-line dashed />

自定义样式

通过指定属性custom-style，即可自定义线条样式

<z-line content-position="center" :custom-style="{color: '#1989fa',borderColor: '#1989fa',fontSize: '24rpx'}">文本</z-line>

Props

Slots