iter(g63): card 支持标题操作区、底部操作区与悬停态
This commit is contained in:
@@ -698,13 +698,36 @@
|
||||
"n": "...children",
|
||||
"t": "unknown[]",
|
||||
"d": "任意子节点:字符串 / DOM / 响应式函数"
|
||||
},
|
||||
{
|
||||
"n": "extra",
|
||||
"t": "unknown",
|
||||
"d": "标题行右侧操作区(按钮 / 统计文案);缺省不渲染"
|
||||
},
|
||||
{
|
||||
"n": "footer",
|
||||
"t": "unknown",
|
||||
"d": "底部操作区;缺省不渲染"
|
||||
},
|
||||
{
|
||||
"n": "bordered",
|
||||
"t": "boolean",
|
||||
"d": "是否显示边框;缺省 true"
|
||||
},
|
||||
{
|
||||
"n": "hoverable",
|
||||
"t": "boolean",
|
||||
"d": "悬停浮起(可点击卡片);缺省 false"
|
||||
}
|
||||
],
|
||||
"example": "card({ title: '用户表' }, dataTable({ data, columns }))",
|
||||
"steps": [
|
||||
"card 是容器组件:第一个参数是 props,其余参数是任意子节点",
|
||||
"传 title 显示标题行,否则只有内容区",
|
||||
"子节点可以混合字符串、DOM 节点与响应式函数"
|
||||
"子节点可以混合字符串、DOM 节点与响应式函数",
|
||||
"title 与 extra 同处标题行:有 extra 时右侧对齐,没标题也能只放操作区",
|
||||
"footer 渲染在内容之后的底部区,右对齐并带上分隔线,适合放主次按钮",
|
||||
"bordered:false 去边框(嵌在已有边界的容器里),hoverable 让整卡悬停浮起(自带 reduced-motion 兜底)"
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user