SepDivider 分割线组件 v1.0.0

水平 / 垂直方向的内容分割线 · 支持文字 / 虚线 / 素色模式 / flexItem 自适应

1. 基础用法(水平分割线)

HTML 声明式标签

段落一:这是分隔线上方的内容。

段落二:这是分隔线下方的内容。

JS API 初始化

段落一:这是分隔线上方的内容。

2. 垂直分割线

HTML 声明式标签
首页 文档 组件 关于
JS API 初始化
首页

3. 线条样式(solid / dashed / dotted)

HTML 声明式标签
JS API 初始化

4. 分割线文字

HTML 声明式标签
JS API 初始化

5. 文字位置(left / center / right)

HTML 声明式标签
JS API 初始化

6. 素色模式(plain:文字无边框)

HTML 声明式标签
JS API 初始化

7. 文字边距 orientationMargin

HTML 声明式标签
JS API 初始化

8. variant 宽度变体(fullWidth / inset / middle)

HTML 声明式标签
JS API 初始化

9. color 自定义颜色

HTML 声明式标签
JS API 初始化

10. lineWidth 线宽

HTML 声明式标签
JS API 初始化

11. light 浅色模式

HTML 声明式标签
JS API 初始化

12. size 紧凑尺寸

HTML 声明式标签
JS API 初始化

13. absolute 绝对定位

HTML 声明式标签
列表项 A 列表项 B(分割线绝对定位在中间)
JS API 初始化
列表项 C
列表项 D

14. 动态更新 API

JS API 控制
state: {}

15. 自动化断言