iter(g142): 间距容器支持分隔符
This commit is contained in:
@@ -1446,6 +1446,11 @@
|
||||
"n": "block",
|
||||
"t": "boolean",
|
||||
"d": "是否占满父容器宽度;缺省按内容收缩"
|
||||
},
|
||||
{
|
||||
"n": "split",
|
||||
"t": "string",
|
||||
"d": "子元素之间的分隔符(如 · / |):纯装饰、aria-hidden,仅 2 个以上子元素时插入"
|
||||
}
|
||||
],
|
||||
"example": "space({ size: 'lg' }, button({ label: '保存' }), button({ label: '取消', variant: 'ghost' })) / space({ direction: 'vertical', align: 'start' }, ...)",
|
||||
@@ -1453,7 +1458,8 @@
|
||||
"把一排需要统一间距的元素交给 space 托管,不再各自写 margin",
|
||||
"调间距:size 传 sm/md/lg 走令牌,需要精确像素时直接给数字",
|
||||
"竖排用 direction: 'vertical',配 align: 'start' 让子元素左对齐",
|
||||
"工具栏两端撑开用 justify: 'between' + block: true;窄屏放不下时加 wrap"
|
||||
"工具栏两端撑开用 justify: 'between' + block: true;窄屏放不下时加 wrap",
|
||||
"一行里要塞分隔符(面包屑式「A · B · C」)传 split: '·':分隔符由容器插入且读屏跳过,不要手写 span 再逐个调 margin"
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user