Skip to content

Divider 分割线

分割线组件,支持水平/垂直方向、文字分割。

基础用法

vue
<template>
  <parrot-divider />
</template>

文字分割

vue
<parrot-divider text="OR" />
<parrot-divider text="以下为详情" text-position="left" />

垂直分割

vue
<parrot-text text="首页" />
<parrot-divider direction="vertical" />
<parrot-text text="关于" />

API

Props

属性类型默认值说明
directionstring'horizontal'方向
textstring''文字内容
textPositionstring'center'文字位置
colorstring'#e5e7eb'线条颜色
thicknessstring'2rpx'线条粗细

Released under the MIT License.