Divider 分隔线

Divider 是用于分隔内容区域的细线条。

基础用法

基础水平分隔线。

上方内容

---

下方内容

<template>
  <p>上方内容</p>
  <u-divider></u-divider>
  <p>下方内容</p>
</template>

颜色

自定义分隔线颜色。

---

<template>
  <u-divider color="#ff5252"></u-divider>
</template>

垂直分隔线

使用垂直分隔线分隔行内元素。

左侧

---

右侧

<template>
  <div style="display: flex; align-items: center; gap: 16px;">
    <span>左侧</span>
    <u-divider vertical></u-divider>
    <span>右侧</span>
  </div>
</template>

API

属性	说明	类型	默认值
vertical	是否垂直分隔线	boolean	false
color	分隔线颜色	string	rgba(var(--u-rgb), 0.2)