新增四月份的题库

src/views/extraWeb/index.vue

@@ -0,0 +1,36 @@
+<template>
+	<div class="page">
+		<iframe class="" scrolling="no" :src="src"></iframe>
+	</div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+import { useRoute } from "vue-router";
+//这个页面需要改为url传参数
+export default defineComponent({
+	setup() {
+		// let url = import.meta.env.MODE === "production" ? "https://mn.zzxcx.net/#/aprilExam/test" : "https://mn1.zzxcx.net/#/aprilExam/test";
+        const route = useRoute()
+        let src = route.query.src
+		return {
+			src,
+		};
+	},
+});
+</script>
+
+<style lang="scss" scoped>
+.page {
+	width: 100%;
+	height: 100vh;
+	border: none;
+	overflow: hidden;
+	> iframe {
+		width: 100%;
+		height: 100vh;
+		border: none;
+		overflow: hidden;
+	}
+}
+</style>

src/views/home/children/test/components/swiper.vue

@@ -1,23 +1,43 @@
+
+
 <template>
-  <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
-    <van-swipe-item v-for="item in 4" :key="item">
-      <img src="@/assets/img/mb.png" class="banner" />
-    </van-swipe-item>
-  </van-swipe>
+	<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
+		<van-swipe-item v-for="item in 3" :key="item">
+			<img @click="() => {
+        push({
+          name:'extraWeb',
+          query:{
+            src:src
+
+          }
+        })
+
+      }" src="@/assets/img/banner1.jpg" class="banner" />
+		</van-swipe-item>
+	</van-swipe>
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import { useRouter } from "vue-router";
+//extraWeb
+const router = useRouter()
+const push = router.push
+let src = import.meta.env.MODE === "production" ? "https://mn.zzxcx.net/#/aprilExam/test" : "https://mn1.zzxcx.net/#/aprilExam/test";
+
+
+
+</script>
 
 <style lang="scss" scoped>
 .my-swipe {
-  background-color: red;
-  width: 345px;
-  height: 100px;
-  margin: auto;
-  margin-top: 12px;
-  .banner {
-    width: 100%;
-    height: 100%;
-  }
+	background-color: red;
+	width: 345px;
+	height: 100px;
+	margin: auto;
+	margin-top: 12px;
+	.banner {
+		width: 100%;
+		height: 100%;
+	}
 }
 </style>

src/views/lightMock/components/composeTopicsMaskList.vue

@@ -49,6 +49,7 @@ export default defineComponent({
 			} else {
 				window.clearTimeout(audioPlayTimer);
 				listIndex.value = index;
+				let el:Element = document.querySelectorAll(".list-item-container")[listIndex.value]
 				playAudio(item.voice).then((id) => {
 					playAudioNext(durationAudio(id as number), store.state.lightConfig.interval);
 				});