卡片
Card 定义矩形组件。示例效果
<Card title="卡片标题" >
这里是卡片内容
</Card>设置图标
<Card title="带图标卡片" icon="material-two-tone-storefront" >
这里是卡片内容
</Card>可点击跳转的卡片
<Card title="可点击跳转的卡片" href="https://apifox.com" icon="material-two-tone-storefront">
点击卡片可跳转至 Apifox 官网
</Card>跳转到指定目录
<Card title="点击跳转到指定目录" href="https://markdown.apifox.cn/4245931m0#文本" icon="material-two-tone-storefront">
点击卡片可跳转至 “Apifox Markdown 文本” 目录
</Card>通过 class 引用 Tailwind CSS 样式
<Card title="卡片" class="text-center text-xl font-bold">
卡片内容
</Card>通过 style 直接定义样式
<Card title="卡片" style="background-color: #f0f0f0; padding: 10px;">
卡片内容
</Card>参数说明
Card
title
string
定义卡片标题
href
string
定义卡片跳转地址
icon
string
可选
class
string
可选
style
string
可选
修改于 2025-02-21 08:25:22