Card 卡片

查询VCard

提示

高度height不传默认铺满 body内容为默认插槽 可以直接写 其他的 标题 右侧内容 底部footer 都是插槽 这些无先后顺序

如果不需要底部直接不写 删掉footer插槽即可 头部亦是如此

VCard 组件参数说明

参数	说明	类型
height	card高度如果给高度按照给的高度减去如果有标题头和底部（header头50，和footer底50的高）最后是中间插槽内容高度，卡片内容区域的高度，会自动计算头部和底部的高度	string

插槽

插槽名	说明	必填/选填
default	卡片主要内容区域	选填
headerTitle	头部标题区域	选填
headerRight	头部右侧内容区域	选填
footer	底部内容区域	选填

事件

事件名	说明	类型
search	搜索事件	-
reset	重置事件	-
fold	折叠事件	-

特色功能

• 自适应高度 : 根据插槽内容自动计算卡片总高度
• 灵活布局 : 支持头部、内容、底部三个区域的灵活组合
• 暗色主题 : 内置暗色主题支持
• 响应式设计 : 自适应不同屏幕尺寸

使用说明

• 当设置 height 属性时，组件会自动计算头部（48px）和底部（48px）的高度并加到总高度中
• 头部区域只有在提供 headerTitle 或 headerRight 插槽时才会显示
• 底部区域只有在提供 footer 插槽时才会显示
• 支持暗色主题，通过 .dark 类名切换