iter(g142): 间距容器支持分隔符
This commit is contained in:
+3
-1
@@ -1,6 +1,6 @@
|
||||
# @ui-arch 组件库 Agent 文档(无图形版)
|
||||
|
||||
> 自动生成于 2026-10-26T07:36:09.637Z,数据源:各包 ua.manifest.json,勿手改。人类版文档站:apps/docs/index.html。
|
||||
> 自动生成于 2026-10-26T07:37:18.841Z,数据源:各包 ua.manifest.json,勿手改。人类版文档站:apps/docs/index.html。
|
||||
> 组件 = 普通函数,传 props 返回 DOM;状态用 signal 双向绑定:读 signal() 写 signal(v)。
|
||||
|
||||
## 快速上手
|
||||
@@ -813,6 +813,7 @@ divider({ label: '更多信息' }) / divider({ vertical: true })
|
||||
- justify:'start' | 'center' | 'end' | 'between' —— 主轴分布;缺省 start,between 两端撑开
|
||||
- wrap:boolean —— 空间不足是否换行;缺省 false
|
||||
- block:boolean —— 是否占满父容器宽度;缺省按内容收缩
|
||||
- split:string —— 子元素之间的分隔符(如 · / |):纯装饰、aria-hidden,仅 2 个以上子元素时插入
|
||||
|
||||
示例:
|
||||
|
||||
@@ -826,6 +827,7 @@ space({ size: 'lg' }, button({ label: '保存' }), button({ label: '取消', var
|
||||
2. 调间距:size 传 sm/md/lg 走令牌,需要精确像素时直接给数字
|
||||
3. 竖排用 direction: 'vertical',配 align: 'start' 让子元素左对齐
|
||||
4. 工具栏两端撑开用 justify: 'between' + block: true;窄屏放不下时加 wrap
|
||||
5. 一行里要塞分隔符(面包屑式「A · B · C」)传 split: '·':分隔符由容器插入且读屏跳过,不要手写 span 再逐个调 margin
|
||||
|
||||
现场演示:apps/docs/demo.html#sec-space
|
||||
|
||||
|
||||
Reference in New Issue
Block a user