Divider 分割线 ​

<template>
  <p>渭城朝雨浥轻尘，客舍青青柳色新。劝君更尽一杯酒，西出阳关无故人。</p>
  <tu-divider />
  <p>渭城朝雨浥轻尘，客舍青青柳色新。劝君更尽一杯酒，西出阳关无故人。</p>
</template>

<style scoped>
p {
  line-height: 1;
}
</style>

<template>
  <p>渭城朝雨浥轻尘，客舍青青柳色新。劝君更尽一杯酒，西出阳关无故人。</p>
  <tu-divider />
  <p>渭城朝雨浥轻尘，客舍青青柳色新。劝君更尽一杯酒，西出阳关无故人。</p>
</template>

<style scoped>
p {
  line-height: 1;
}
</style>

<template>
  <p>渭城朝雨浥轻尘，客舍青青柳色新。劝君更尽一杯酒，西出阳关无故人。</p>
  <tu-divider orientation="left">左边</tu-divider>
  <p>渭城朝雨浥轻尘，客舍青青柳色新。劝君更尽一杯酒，西出阳关无故人。</p>
  <tu-divider orientation="center">中间</tu-divider>
  <p>渭城朝雨浥轻尘，客舍青青柳色新。劝君更尽一杯酒，西出阳关无故人。</p>
  <tu-divider orientation="right">右边</tu-divider>
</template>

<style scoped>
p {
  line-height: 1;
}
</style>

<template>
  <p>渭城朝雨浥轻尘，客舍青青柳色新。劝君更尽一杯酒，西出阳关无故人。</p>
  <tu-divider orientation="left">左边</tu-divider>
  <p>渭城朝雨浥轻尘，客舍青青柳色新。劝君更尽一杯酒，西出阳关无故人。</p>
  <tu-divider orientation="center">中间</tu-divider>
  <p>渭城朝雨浥轻尘，客舍青青柳色新。劝君更尽一杯酒，西出阳关无故人。</p>
  <tu-divider orientation="right">右边</tu-divider>
</template>

<style scoped>
p {
  line-height: 1;
}
</style>

<template>
  <span>雨纷纷</span>
  <tu-divider direction="vertical" />
  <span>秋故里</span>
  <tu-divider direction="vertical" />
  <span>草木生</span>
</template>

<style scoped>
span {
  font-size: 14px;
}
</style>

<template>
  <span>雨纷纷</span>
  <tu-divider direction="vertical" />
  <span>秋故里</span>
  <tu-divider direction="vertical" />
  <span>草木生</span>
</template>

<style scoped>
span {
  font-size: 14px;
}
</style>