Divider 分割线
Divider 分割线,可自定义线条宽度、颜色等。
# 支持平台
| App(vue) | App(nvue) | H5 | 小程序 |
|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ |
# 基础使用
通过 text 属性设置提示内容。
<wui-divider text="没有更多了"></wui-divider>
# 修改颜色
通过 dividerColor 属性修改线条颜色,color 属性修改字体颜色。
<wui-divider dividerColor="#FFB703" color="#FFB703" text="没有更多了"></wui-divider>
# 修改线条宽度
通过 width 属性修改线条宽度。
<wui-divider width="500rpx" text="没有更多了"></wui-divider>
# Slots
| 插槽名称 | 说明 |
|---|---|
| default | 提示信息部分自定义展示内容 |
# Props
| 属性名 | 类型 | 说明 | 默认值 | 平台差异说明 |
|---|---|---|---|---|
| text | String | 提示内容 | - | - |
| height | Number,String | divider占据高度,单位rpx | 100 | - |
| width | String | divider宽度 | 400rpx | - |
| dividerColor | String | divider颜色 | #CCCCCC | - |
| color | String | 提示文字颜色 | #B2B2B2 | - |
| size | Number, String | 提示文字大小,单位rpx | 24 | - |
| fontWeight | Number, String | 提示文字字重 | 400 | - |
| backgroundColor | String | 背景颜色,和当前页面背景色保持一致 | #F1F4FA | - |
# Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| - | - | - |