QinUi

# Divider 分割线

区隔内容的分割线，用于页面底部“没有更多”的提示等场景。

# 基础用法

<template>
  <qinui-divider />
</template>

# 自定义颜色

<template>
  <qinui-divider color="#f0f" />
</template>

# 自定义长度

<template>
  <qinui-divider size="200rpx" />
</template>

# 线条与上下左右元素的间距

<template>
  <qinui-divider margin="20rpx" />
</template>

# 是否虚线

type="dashed" ， 可选值 dashed 、 dotted

<template>
  <div>
    <qinui-divider type="dashed" />
    <div style="height: 10px"></div>
    <qinui-divider type="dotted" />
  </div>
</template>

# API

# Props

参数 说明 类型 默认值 可选值
color 线颜色 String rgba(0,0,0,0.12) -
size 长度，竖向时表现为高度，横向时表现为长度，可以为百分比，带px单位的值等 String 100% -
placement 线条方向， col -竖向，row -横向 String row col | row
margin 线条与上下左右元素的间距，字符串形式，如 "30px"、"20px 30px" String | Number 0 -
type 线条类型 String solid solid | dashed | dotted
diyStyle 自定义外部样式，如：设置边框等样式 String - -

← Form 表单 →