Divider 分割线 ​

<template>
  <div>
    <span>
      WinDesign
      是一套符合医疗行业特性的标准化解决方案，遵循协同、便捷、高效的设计理念。通过标准化、模块化组件降低生产成本，提高沟通效率及用户体验；
    </span>
    <w-divider />
    <span>
      技术上基于 Vue.js3.x，覆盖了开发中常见的 UI 套件及交互功能,
      统一前端在基础组件 UI 上的落地效果，提升研发效率。
    </span>
  </div>
</template>

<template>
  <div>
    <span
      >WinDesign
      是一套符合医疗行业特性的标准化解决方案，遵循协同、便捷、高效的设计理念。通过标准化、模块化组件降低生产成本，提高沟通效率及用户体验；
    </span>
    <w-divider content-position="left">WinDesign Next</w-divider>
    <span>
      WinDesign
      是一套符合医疗行业特性的标准化解决方案，遵循协同、便捷、高效的设计理念。通过标准化、模块化组件降低生产成本，提高沟通效率及用户体验；
    </span>
    <w-divider>
      <w-icon><star-filled /></w-icon>
    </w-divider>
    <span
      >WinDesign
      是一套符合医疗行业特性的标准化解决方案，遵循协同、便捷、高效的设计理念。通过标准化、模块化组件降低生产成本，提高沟通效率及用户体验；
    </span>
    <w-divider content-position="right">WinDesign Next</w-divider>
  </div>
</template>

<script lang="ts" setup>
import { StarFilled } from '@win-design-next/icons-vue'
</script>

<template>
  <div>
    <span
      >WinDesign
      是一套符合医疗行业特性的标准化解决方案，遵循协同、便捷、高效的设计理念。通过标准化、模块化组件降低生产成本，提高沟通效率及用户体验；
    </span>
    <w-divider border-style="dashed" />
    <span
      >WinDesign
      是一套符合医疗行业特性的标准化解决方案，遵循协同、便捷、高效的设计理念。通过标准化、模块化组件降低生产成本，提高沟通效率及用户体验；
    </span>
  </div>
  <w-divider border-style="dotted" />
  <span
    >WinDesign
    是一套符合医疗行业特性的标准化解决方案，遵循协同、便捷、高效的设计理念。通过标准化、模块化组件降低生产成本，提高沟通效率及用户体验；
  </span>
  <w-divider border-style="double" />
  <span
    >WinDesign
    是一套符合医疗行业特性的标准化解决方案，遵循协同、便捷、高效的设计理念。通过标准化、模块化组件降低生产成本，提高沟通效率及用户体验；
  </span>
</template>

<template>
  <div>
    <span>医保</span>
    <w-divider direction="vertical" />
    <span>自费</span>
    <w-divider direction="vertical" border-style="dashed" />
    <span>其它</span>
  </div>
</template>