uniProject/pages/newEnglish/components/mainCard.vue

<template>
		<swiper class="word-view-swiper-box" :indicator-dots="false" :autoplay="false" :circular="false">
			<swiper-item>
				<view class="swiper-item uni-bg-red">
					学
					<hr />{{activeWord}} - {{activeWords}}
				</view>
			</swiper-item>
			<swiper-item>
				<view class="swiper-item uni-bg-red">
					<pinPageVue :active-word="activeWord" :active-words="activeWords"></pinPageVue>
				</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>
</template>

<script setup>
	import pinPageVue from './pinPage.vue';
	const props = defineProps({
		activeWord: {
			type: Object,
		},
		activeWords: {
			type: Array
		},
	})
</script>

<style>
</style>