iter(g164): 描述列表支持竖排与标题操作区
This commit is contained in:
@@ -1975,6 +1975,18 @@
|
||||
"n": "title",
|
||||
"t": "string",
|
||||
"d": "分组标题;缺省不渲染标题行"
|
||||
},
|
||||
{
|
||||
"n": "layout",
|
||||
"t": "'horizontal' | 'vertical'",
|
||||
"df": "'horizontal'",
|
||||
"d": "字段名位置:horizontal 在值左侧,vertical 在值上方(窄栏 / 长文本更耐读,配 bordered 时去掉标签区的分隔线)"
|
||||
},
|
||||
{
|
||||
"n": "extra",
|
||||
"t": "unknown",
|
||||
"k": 1,
|
||||
"d": "标题行右侧内容(如更新时间、刷新按钮);仅在传了 title 时渲染"
|
||||
}
|
||||
],
|
||||
"example": "descriptions({ title: '订单信息', column: 2, bordered: true, items: [{ label: '订单号', value: 'RB-2048' }, { label: '金额', value: '¥1,280.00' }, { label: '备注', value: '加急', span: 2 }] })",
|
||||
@@ -1984,7 +1996,8 @@
|
||||
"value 支持任意 DOM:放 tag、badge、button 都可以;要给值做响应式更新就传函数 () => 内容",
|
||||
"bordered: true 是表格形态(适合打印与密集信息),纯网格形态更轻,适合卡片内嵌",
|
||||
"窄屏自动降为单列,无需在调用方写媒体查询",
|
||||
"纯展示组件,无状态无回调:值变了由调用方重新渲染或传函数式 value"
|
||||
"纯展示组件,无状态无回调:值变了由调用方重新渲染或传函数式 value",
|
||||
"窄栏或长文本场景把 layout 设成 'vertical':字段名落到值上方,bordered 形态会自动去掉标签右侧的分隔线与底纹;标题行要放操作就传 extra(数组可放多个节点)"
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user