LCL-UI

Appearance

On this page

Divider 分割线 ​

基础用法 ​

Hello Maisy !
<template>
  <lcl-divider>Hello Maisy !</lcl-divider>
</template>

分隔符位置 ​

Hello Maisy !
Hello Maisy !
Hello Maisy !
<template>
  <lcl-divider position="left">Hello Maisy !</lcl-divider>
  <lcl-divider position="center">Hello Maisy !</lcl-divider>
  <lcl-divider position="right">Hello Maisy !</lcl-divider>
</template>

分隔符样式 ​

Hello Maisy !
Hello Maisy !
'none' | 'solid' | 'hidden' | 'dashed' |
<template>
  <lcl-divider lineStyle="solid">Hello Maisy !</lcl-divider>
  <lcl-divider lineStyle="dashed">Hello Maisy !</lcl-divider>
</template>

垂直分隔线 ​

left
center
right 
<template>
  left <lcl-divider direction="vertical"/>center <lcl-divider direction="vertical"/> right
</template>