单列照片

<ImageCard v-for="item in list" :key="item.image" v-bind="item" />

双列照片

<CardGrid cols="2">
  <ImageCard v-for="item in list" :key="item.image" v-bind="item" />
</CardGrid>

三列照片

<CardGrid cols="3">
  <ImageCard v-for="item in list" :key="item.image" v-bind="item" />
</CardGrid>

不同尺寸设备适配

调整窗口大小以观察效果

<CardGrid :cols="{ sm: 2, md: 3, lg: 3 }">
  <ImageCard v-for="item in list" :key="item.image" v-bind="item" />
</CardGrid>

贡献者

pengzhanbo

更新日志

2025/3/15 18:29

查看所有更新日志

• 0fd6c-refactor(theme): improve types and flat config (#524)于 2025/3/15
• de6eb-docs: update docs于 2024/8/18