外观
链接卡片
约 321 字大约 1 分钟
2025-12-24
属性
titleOptionalstring
链接卡片标题.
iconOptionalstring | { svg: string }
显示在标题左侧的图标, 也可以使用图片链接.
hrefOptionalstring
链接卡片跳转地址.
descriptionOptionalstring
链接卡片描述, 建议使用组件默认插槽添加描述内容.
targetOptionalstring
链接跳转方式.
插槽
- default: 卡片详情内容.
- title: 自定义标题.
示例
<LinkCard title="首页" href="/" description="回到首页" />
<LinkCard icon="twemoji:astonished-face" title="首页" href="/" />首页
回到首页
使用组件插槽, 可以实现更丰富的表现.
<LinkCard title="首页" href="/">
* 回到首页
* 回到首页
</LinkCard>
<LinkCard href="/">
<template #title>
<span style="color: red" >首页</span>
</template>
* 回到首页
* 回到首页
</LinkCard>首页
- 回到首页
- 回到首页
首页
- 回到首页
- 回到首页
提示
在插槽内也可以使用markdown语法, 但需要注意的是, markdown语法需要与标签之间间隔一行, 否则将被识别为普通文本.
版权所有
版权归属：洱海