iter(g63): card 支持标题操作区、底部操作区与悬停态

This commit is contained in:
HIsheR
2026-10-26 12:28:56 +08:00
parent fd1de1a5c8
commit 835967e507
7 changed files with 125 additions and 11 deletions
+24 -1
View File
@@ -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 兜底)"
]
},
{