Beispielcode der Uniapp Vue- und NVUE-Karussellkomponenten

<Vorlage>
	<Klasse anzeigen="">
		<!-- Diashow-Komponente-->
		<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" circular="">
			<block v-for="(Element, Index) in Swipers" :key="index">
				<Swiper-Element>
					<Ansichtsklasse="swiper-item" @tap="event(index)">
						<Bild: src="item.src"
						 verzögertes Laden
						 Stil="Höhe: 350upx;"></image>
					</Ansicht>
				</swiper-item>
			</block>
		</swiper>
	</Ansicht>
</Vorlage>

<Vorlage>
	<div>
		<!-- Diashow-Komponente-->
		<Schieberegler :auto-play="true" :interval="3000" Klasse="Schieberegler">
			<div style="position: relatice;" v-for="(item,index) in swipers" :key="index" @click="event(index)">
				<image class="image" resize="cover" :src="item.src"></image>
			</div>
			<Indikatorklasse="Indikator"></Indikator>
		</Schieberegler>
	</div>
</Vorlage>

<Stil>
.Schieberegler,.Bild{
		Breite: 750px;
		Höhe: 350px;
	}
	.Indikator{
		Position: absolut;
		rechts: 0;
		unten: 0;
		Breite: 150px;
		Höhe: 30px;
		Hintergrundfarbe: rgba(0,0,0,0);
		Artikelfarbe: rgba (255,255,255,0,5);
		ausgewähltes Element-Farbe: #FFFFFF;
	}
</Stil>

<Skript>
	Standard exportieren {
		Daten() {
			zurückkehren {
				Wischer: [{src:"/static/images/demo/demo4.png"},
						{src:"/static/images/demo/demo4.png"},
						{src:"/static/images/demo/demo4.png"},
						{src:"/static/images/demo/demo4.png"}]
			}
		},
		Methoden: {
			Ereignis(Index){
				console.log("Angeklickter Index:"+Index)
			}
		}
	}
</Skript>