mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
mintlify[bot]
fbdd913d8e
* Add translation tracker for stale translations audit Generated-By: mintlify-agent * translations: add missing pages and update content for es, fr, zh Phase 1: Add translations for 4 new API analytics pages (feedback-by-page, searches, views, visitors) in es, fr, and zh. Phase 2: Update 3 pages with content changes: - agent/workflows: add "Disable a workflow" subsection - ai/skillmd: add 24-hour generation note - editor/publish: add AI PR title tip, reformat publishing workflows, promote "Publish your changes" heading from h3 to h2 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> * update descriptions * translations * translations * translations * Delete TRANSLATION_TRACKER.md * translations * a * a * translations * translations * translations * translations * translations * translations * translations * translations * Update use-cases.mdx * translations * translations * Update ai-native.mdx * Update accordions.mdx * Update accordions.mdx * Update accordions.mdx * translations * translations * Update fonts.mdx * translations * translations: update SEO descriptions for es, fr, zh (150 pages) Update the description: frontmatter field across 150 pages × 3 languages to match the current English descriptions updated on 2026-03-31. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> --------- Co-authored-by: mintlify[bot] <109931778+mintlify[bot]@users.noreply.github.com> Co-authored-by: Ethan Palm <56270045+ethanpalm@users.noreply.github.com> Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
84 lines
3.8 KiB
Plaintext
84 lines
3.8 KiB
Plaintext
---
|
|
title: "磁贴"
|
|
description: "使用 tiles 组件在响应式网格布局中展示带有图片缩略图、标题和描述的视觉预览。"
|
|
keywords: ["磁贴", "视觉预览", "网格", "展示"]
|
|
---
|
|
|
|
使用磁贴来创建带有图案背景、标题和说明的视觉展示元素。磁贴非常适合在网格布局中展示组件预览、功能亮点或导航项。
|
|
|
|
<Tile href="/zh/components/accordions" title="折叠面板" description="两种变体">
|
|
<img src="/images/tiles/accordion-light.svg" alt="折叠面板组件预览" className="block dark:hidden" />
|
|
|
|
<img src="/images/tiles/accordion-dark.svg" alt="折叠面板组件预览（深色模式）" className="hidden dark:block" />
|
|
</Tile>
|
|
|
|
```mdx Tile example
|
|
<Tile href="/components/accordions" title="折叠面板" description="两种变体">
|
|
<img src="/images/tiles/accordion-light.svg" alt="折叠面板组件预览" className="block dark:hidden" />
|
|
<img src="/images/tiles/accordion-dark.svg" alt="折叠面板组件预览(深色模式)" className="hidden dark:block" />
|
|
</Tile>
|
|
```
|
|
|
|
<div id="grid-layout">
|
|
## 网格布局
|
|
</div>
|
|
|
|
将卡片与 [Columns 组件](/zh/components/columns) 组合使用，以创建响应式预览网格。
|
|
|
|
<Columns cols={3}>
|
|
<Tile href="/zh/components/accordions" title="Accordion" description="两种样式">
|
|
<img src="/images/tiles/accordion-light.svg" alt="Accordion 组件预览" className="block dark:hidden" />
|
|
|
|
<img src="/images/tiles/accordion-dark.svg" alt="Accordion 组件预览（深色模式）" className="hidden dark:block" />
|
|
</Tile>
|
|
|
|
<Tile href="/zh/components/accordions" title="Accordion" description="两种样式">
|
|
<img src="/images/tiles/accordion-light.svg" alt="Accordion 组件预览" className="block dark:hidden" />
|
|
|
|
<img src="/images/tiles/accordion-dark.svg" alt="Accordion 组件预览（深色模式）" className="hidden dark:block" />
|
|
</Tile>
|
|
|
|
<Tile href="/zh/components/accordions" title="Accordion" description="两种样式">
|
|
<img src="/images/tiles/accordion-light.svg" alt="Accordion 组件预览" className="block dark:hidden" />
|
|
|
|
<img src="/images/tiles/accordion-dark.svg" alt="Accordion 组件预览（深色模式）" className="hidden dark:block" />
|
|
</Tile>
|
|
</Columns>
|
|
|
|
```mdx Grid layout example
|
|
<Columns cols={3}>
|
|
<Tile href="/components/accordions" title="折叠面板" description="两种样式">
|
|
<img src="/images/tiles/accordion-light.svg" alt="折叠面板组件预览" className="block dark:hidden" />
|
|
<img src="/images/tiles/accordion-dark.svg" alt="折叠面板组件预览（深色模式）" className="hidden dark:block" />
|
|
</Tile>
|
|
<Tile href="/components/accordions" title="折叠面板" description="两种样式">
|
|
<img src="/images/tiles/accordion-light.svg" alt="折叠面板组件预览" className="block dark:hidden" />
|
|
<img src="/images/tiles/accordion-dark.svg" alt="折叠面板组件预览（深色模式）" className="hidden dark:block" />
|
|
</Tile>
|
|
<Tile href="/components/accordions" title="折叠面板" description="两种样式">
|
|
<img src="/images/tiles/accordion-light.svg" alt="折叠面板组件预览" className="block dark:hidden" />
|
|
<img src="/images/tiles/accordion-dark.svg" alt="折叠面板组件预览（深色模式）" className="hidden dark:block" />
|
|
</Tile>
|
|
</Columns>
|
|
```
|
|
|
|
<div id="properties">
|
|
## 属性
|
|
</div>
|
|
|
|
<ResponseField name="href" type="string" required>
|
|
点击卡片时要跳转到的 URL。
|
|
</ResponseField>
|
|
|
|
<ResponseField name="title" type="string">
|
|
显示在卡片预览下方的标题。
|
|
</ResponseField>
|
|
|
|
<ResponseField name="description" type="string">
|
|
显示在标题下方的简短说明。
|
|
</ResponseField>
|
|
|
|
<ResponseField name="children" type="React.ReactNode" required>
|
|
显示在卡片预览区域的内容，通常为图片或 SVG 图像。
|
|
</ResponseField>
|