1

pages/newEnglish/components/learnContent.vue

@@ -0,0 +1,26 @@
+<template>
+<view></view>
+</template>
+
+<script setup>
+
+	const props = defineProps({
+		activeWord: {
+			type: Object,
+		},
+		activeWords: {
+			type: Array
+		},
+	})
+	
+	const data = reactive({
+		list: [],
+		selectList: [],
+	})
+	setTimeout(() => {
+		console.log('activeWord',props.activeWord)
+	})
+</script>
+
+<style>
+</style>

pages/newEnglish/components/mainCard.vue

@@ -1,39 +1,40 @@
 <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>
+	<swiper class="word-view-swiper-box" :indicator-dots="false" :autoplay="false" :circular="false">
+		<swiper-item>
+			<view class="swiper-item uni-bg-red">
+				学
+				<learnContent :active-word="activeWord" :active-words="activeWords"></learnContent>
+			</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';
+	import learnContent from './learnContent.vue';
 	const props = defineProps({
 		activeWord: {
 			type: Object,