链接卡片
概述
使用 <LinkCard>
组件在页面中显示链接卡片。
Props
名称 | 类型 | 默认值 | 说明 |
---|---|---|---|
title | string | '' | 标题 |
icon | string | { svg: string } | '' | 显示在标题左侧的图标,支持 iconify 所有图标,也可以使用 图片链接 |
href | string | '' | 链接 |
description | string | '' | 详情 |
插槽
名称 | 说明 |
---|---|
default | 卡片详情内容 |
title | 自定义标题 |
示例
输入:
<LinkCard title="卡片标题" href="/" description="这里是卡片内容" />
<LinkCard icon="twemoji:astonished-face" title="卡片标题" href="/" />
输出:
卡片标题
这里是卡片内容