分割线

基础用法

  • 示例:
点击查看代码
<template>
  <a-divider style="height: 2px; background-color: #7cb305" />
  <a-divider style="border-color: #7cb305" dashed />
  <a-divider type="vertical" style="height: 60px; background-color: #7cb305" />
  <a-divider type="vertical" style="height: 60px; border-color: #7cb305" dashed />
</template>

共同的 API

参数说明类型默认值
dashed是否虚线booleanfalse
orientation分割线标题的位置stringcenter
orientationMargin标题和最近 left/right 边框之间的距离,去除了分割线,同时 orientation 必须为 left 或 rightstring | number
plain文字是否显示为普通正文样式booleanfalse
type水平还是垂直类型string: horizontal | verticalhorizontal
Last Updated:
Contributors: jixuanyu