Divider 分隔线 ​

<template>
  <div>
    基础用法： 对段落的文本进行分隔。
    <c-divider></c-divider>

    虚线
    <c-divider border-style='dashed'></c-divider>

    自定义分隔线颜色
    <c-divider color='#7693f5'></c-divider>

    自定义文案
    <c-divider>北京</c-divider>

    在左侧的自定义文案
    <c-divider content-position='left'>上海</c-divider>

    在右侧的自定义文案
    <c-divider content-position='right'>广州</c-divider>

    文案的颜色
    <c-divider content-color='#7693f5'>广州</c-divider>

    文案的背景颜色
    <c-divider content-background-color='#7693f5'>广州</c-divider>

    垂直的分隔线
    <div>
      北京
      <c-divider direction='vertical'></c-divider>
      上海
      <c-divider direction='vertical' border-style='dashed'></c-divider>
      成都
    </div>
  </div>
</template>

<script>
import {defineComponent} from 'vue'

export default defineComponent({
  setup() {
    return {
      msg: 'Divider 分隔线 组件文档示例'
    }
  }
})
</script>

<style>

</style>