Divider 分割线
区隔内容的分割线。
平台
| App | 小程序 | H5 |
|---|---|---|
| √ | √ | √ |
属性
| 属性名 | 类型 | 默认值 | 说明 | 平台 |
|---|---|---|---|---|
| vertical | Boolean | false | 是否垂直类型 | All |
| size | Number,String | null | 分割线长度 值为auto,表示填满 vertical=true表示高度默认26rpx,vertical=false表示宽度,默认为auto | All |
| borderWidth | String,Number | 0.5px | 分割线宽度 | All |
| hairline | Boolean | false | 是否细边框 | All |
| borderStyle | String | solid | 边框样式 | All |
| borderColor | String | c-bdr-base | 分隔线颜色 支持c-bdr-开头的颜色类 | All |
| contentSpace | String,Array,Object | 16rpx | 以下vertical=false时有效 内容和分割线的间距 | All |
| contentAlign | String | center | 内容在分割线位置,left、right、center | All |
| contentOffset | String,Number | null | 内容的偏移量 contentAlign=left指内容在左边的偏移 contentAlign=right指内容在右边的偏移 contentAlign=center无效 | All |
| cClass | String,Array,Object | null | 组件类 | All |
| cStyle | String,Array,Object | null | 组件样式 | All |
| margin | String,Number,Array | null | 外边距 | All |
| padding | String,Number,Array | null | 内边距 | All |
| bgColor | String | null | 背景色,支持c-bg-开头的背景色类 | All |
事件
| 事件名 | 说明 |
|---|---|
| contentClick | default插槽内容点击事件 |
插槽
| 插槽名 | 说明 |
|---|---|
| default | 可用于分割线中显示内容 |
示例
vue
<template>
<c-divider margin="15 0" />
</template>1
2
3
2
3
