mirror of
https://github.com/nuxt/ui.git
synced 2026-09-14 19:51:10 +08:00
Mike Newbon
22 lines
434 B
Vue
22 lines
434 B
Vue
<script setup lang="ts">
|
|
const items = Array.from({ length: 30 }, (_, i) => ({
|
|
id: i + 1,
|
|
title: `Item ${i + 1}`,
|
|
description: `Description for item ${i + 1}`
|
|
}))
|
|
</script>
|
|
|
|
<template>
|
|
<UScrollArea
|
|
v-slot="{ item, index }"
|
|
:items="items"
|
|
class="w-full h-96"
|
|
>
|
|
<UPageCard
|
|
v-bind="item"
|
|
:variant="index % 2 === 0 ? 'soft' : 'outline'"
|
|
class="rounded-none"
|
|
/>
|
|
</UScrollArea>
|
|
</template>
|