Divider 分割线 #

<template>
  大风歌
  <vi-divider /> 
  大风起兮云飞扬， 威加海内兮归故乡， 安得猛士兮守四方！ 
  <vi-divider />
</template>

<template>
  大风起兮云飞扬，
  <vi-divider position="start">大风歌</vi-divider>
  威加海内兮归故乡，
  <vi-divider position="center"> <vi-icon name="Star" /> </vi-divider>
  安得猛士兮守四方！
  <vi-divider position="end">刘邦</vi-divider>
</template>

<template>
  大风起兮云飞扬
  <vi-divider direction="vertical" />
  威加海内兮归故乡
  <vi-divider direction="vertical" />
  安得猛士兮守四方！
</template>

<template>
  大风歌
  <vi-divider position="center" margin="8px">窄</vi-divider>
  大风起兮云飞扬，
  <vi-divider position="center" margin="58px">宽</vi-divider>
  威加海内兮归故乡，
  <vi-divider position="center" margin="18px">正常</vi-divider>
  安得猛士兮守四方！
</template>

<template>
  大风歌
  <vi-divider thick="1px" />
  大风起兮云飞扬，
  <vi-divider thick="5px" />
  威加海内兮归故乡，
  <vi-divider thick="10px" />
  安得猛士兮守四方！
</template>

<template>
  大风歌
  <vi-divider color="blue" />
  大风起兮云飞扬， 威加海内兮归故乡， 安得猛士兮守四方！
  <vi-divider color="violet" />
</template>

<template>
  大风歌
  <vi-divider position="end" border-style="dotted" thick="4px">圆点虚线</vi-divider>
  大风起兮云飞扬， 威加海内兮归故乡， 安得猛士兮守四方！
  <vi-divider position="end" border-style="dashed" thick="4px">方形虚线</vi-divider>
</template>