单列照片

<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
• Cheng Jiaqi

变更历史

最后更新于: 查看全部变更历史

• 9a69c-

  feat(docs): 添加欢迎页面和笔记目录，更新示例文章，大改目录结构；添加新的倒计时组件

  于 2025/3/1
• de6eb-

  docs: update docs

  于 2024/8/18