Skip to content

照片类作品示例

263字小于1分钟

2024-08-17

单列照片

<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>