Mkdirs Docs
自定义

如何自定义卡片样式

如何自定义导航站的卡片样式。

Mkdirs模板支持两种卡片样式:带封面图样式带图标样式 (默认)。

带封面图样式 (item-card.tsx):

Item Card with Image

带图标样式 (item-card-2.tsx):

Item Card with Icon

带图标样式 是默认样式,您可以通过修改 src/lib/constants.ts 文件中的 SUPPORT_ITEM_ICONfalse 来将其更改为 带封面图样式

// support item icon, default is true (aka, show item icon)
// NOTE: if you set true, you should make sure the item icon is available
// if you set false, the item card will show image instead of icon
export const SUPPORT_ITEM_ICON = false;
  • 如果您将样式更改为 带封面图样式,您需要为所有项目添加封面图。
  • 如果您将样式更改为 带图标样式,您需要为所有项目添加图标和封面图。
  • 如果您将样式更改为 带图标样式,您也可以使用带封面图样式的组件。

最后更新于