# Divider 分隔线
# 介绍
区隔内容的分割线。
# 引入
import { Divider } from 'mind-ui-vue';
Vue.use(Divider);
# 示例
# 基础用法
<m-divider content="我也是有底线的" />
# 自定义内容
<m-divider>
<m-icon name="love" />
<m-icon name="love" />
<m-icon name="love" />
<m-icon name="love" />
<m-icon name="love" />
</m-divider>
# 自定义颜色
<m-divider color="#2d8cf0">我也是有底线的</m-divider>
# Api
# Props
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
color | 颜色 | String | — | #909399 |
content | 内容 | String | — | — |
# Slots
名称 | 说明 |
---|---|
— | 内容 |
注:slot 与 content 同时传值时,只会显示
content
内容