mirror of
https://github.com/nuxt/ui.git
synced 2026-09-14 19:51:10 +08:00
Mike Newbon
32 lines
719 B
Vue
32 lines
719 B
Vue
<script setup lang="ts">
|
|
const items = [
|
|
'https://picsum.photos/640/640?random=1',
|
|
'https://picsum.photos/640/640?random=2',
|
|
'https://picsum.photos/640/640?random=3',
|
|
'https://picsum.photos/640/640?random=4',
|
|
'https://picsum.photos/640/640?random=5',
|
|
'https://picsum.photos/640/640?random=6'
|
|
]
|
|
</script>
|
|
|
|
<template>
|
|
<UCarousel
|
|
v-slot="{ item }"
|
|
loop
|
|
arrows
|
|
:autoplay="{ delay: 2000 }"
|
|
wheel-gestures
|
|
:prev="{ variant: 'solid' }"
|
|
:next="{ variant: 'solid' }"
|
|
:items="items"
|
|
:ui="{
|
|
item: 'basis-1/3 ps-0',
|
|
prev: 'sm:start-8',
|
|
next: 'sm:end-8',
|
|
container: 'ms-0'
|
|
}"
|
|
>
|
|
<img :src="item" width="320" height="320">
|
|
</UCarousel>
|
|
</template>
|