uniProject/pages/newEnglish/components/mainCard.vue

<template>
	<view>
		<swiper class="swiper" :indicator-dots="false" :autoplay="false" :circular="false">
			<swiper-item>
				<view class="swiper-item uni-bg-red">
					学
					<hr />{{activeWord}}
				</view>
			</swiper-item>
			<swiper-item>
				<view class="swiper-item uni-bg-red">
					拼
					<hr />{{activeWord}}
				</view>
			</swiper-item>
			<swiper-item>
				<view class="swiper-item uni-bg-blue">
					读
					<hr />{{activeWord}}
				</view>
			</swiper-item>
			<swiper-item>
				<view class="swiper-item uni-bg-blue">
					选
					<hr />{{activeWord}}
				</view>
			</swiper-item>
			<swiper-item>
				<view class="swiper-item uni-bg-blue">
					背
					<hr />{{activeWord}}
				</view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script setup>
	const props = defineProps({
		activeWord: {
			type: Object,
		},
		activeWords: {
			type: Array
		},
	})
</script>

<style>
</style>