Divider 分割线

区隔内容的分割线

何时使用

  • 对不同章节的文本段落进行分割。
  • 对行内文字/链接进行分割,例如表格的操作列。

代码示例

基本使用

属性

属性类型必填默认值说明
borderColorstring'#eee'分割线颜色
borderStylestring'solid'分割线类型,支持css内置的值
colorstring'#333'分割线文字颜色
direction'horizontal' | 'vertical''horizontal'分割线方向
heightstring'30rpx'分割线高度,direction为'vertical'时生效
marginstring'16rpx'分割线间距, direction为'horizontal'表示垂直间距,direction为'vertical'表示水平间距
textPosition'left' | 'center' | 'right''center'分割线
classNamestring-类名

样式类

类名说明
amd-divider整体样式
amd-divider-horizontal水平分割线样式
amd-divider-horizontal-left左侧水平分割线样式
amd-divider-horizontal-text水平分割线文案样式
amd-divider-horizontal-right右侧水平分割线样式
amd-divider-vertical垂直分割线样式