1

pages/newEnglish/components/readContent.vue

@@ -1,6 +1,31 @@
 <template>
 	<view>
-	<selectTypesVue activeSelect="3"></selectTypesVue>
+		<selectTypesVue activeSelect="3"></selectTypesVue>
+		<view class="words-xuan-box">
+			<!-- 单词区 -->
+			<view class="show-words-box"> {{activeWord.name}} </view>
+			<!--  音标区  -->
+			<view class="yb-play-box">
+				<text>{{activeWord.yinbiao}}</text>
+				<!-- active -->
+				
+				<icon class="yb-play-btn"></icon>
+				<icon class="yb-playing-btn" v-if="false"></icon>
+			</view>
+			
+			<view style="text-align: center;">
+				<text v-if="activeWord.jianyi&&activeWord.jianyi.length>0" v-for="(item,index) in activeWord.jianyi" :key="index">
+					{{item}}
+				</text>
+			</view>
+			
+			<view>
+				<view class="audio-play-btn"></view>
+				<!-- 播放中 -->
+				<view class="audio-playing-btn" v-if="false"></view>
+			</view>
+			
+		</view>
 	</view>
 </template>
 
@@ -26,9 +51,9 @@
 	let tabFlag = ref(1)
 	const audioInfo = ref(null)
 
-	
+
 	onMounted(() => {
-		
+
 	})
 </script>