an-separater

分隔符

Props

Prop name	Description	Type	Values	Default
height	高度	number	-	32
width	宽度	number	-	1
color	颜色	string	-	"#d7dae2"

---

示例

基础用法

垂直分隔线 |

<template>
  <div>
    <p>垂直分隔线 |</p>
    <an-separater width="2"></an-separater>
    <br />
    <an-separater width="2" color="green"></an-separater>
  </div>
</template>

显示 复制 复制

水平分割

水平分割线 ——————

水平分割线

<template>
  <div>
    <p class="separater-wrapper">水平分割线 ——————</p>
    <ClientOnly>
      <div class="separater-wrapper">
        <an-separater width="200" height="1" /> &nbsp; 你好 &nbsp;
        <an-separater width="200" height="1" />
      </div>
      <br />
      <an-separater width="200" height="1" color="#9400ff"></an-separater>
    </ClientOnly>
  </div>
</template>

<style>
  .separater-wrapper {
    display: flex;
    align-items: center;
  }
</style>

显示 复制 复制