testbookLayout.git

			@@ -4,7 +4,8 @@
			<div v-if="showPageList.indexOf(14) > -1">
			<h1 id="a004">
			<img class="img-0" alt="" src="../../assets/images/dy2.jpg" />
			<audio :src="auidoPathOne" controls class="audio" @play="audioPlay"></audio>
			<audio :src="auidoPathOne" controls controlslist="noplaybackrate nodownload" class="audio"
			@play="audioPlay"></audio>
			</h1>
			<div class="bodystyle">
			<div class="bk">
			@@ -39,7 +40,7 @@
			</h3>
			<p class="text"><span class="hs1">◇</span>我是小画家</p>
			<p class="text">保持头部不动，试着用眼神画出下面的图案吧！</p>
			<p class="center">
			<p class="center openImgBox">
			<img class="img-e" alt="" src="../../assets/images/0016-1.jpg" />
			</p>
			<p class="text"><span class="hs1">◇</span>嗅觉大冒险</p>
			@@ -194,13 +195,25 @@
			<div class="bodystyle" style="margin-top: 3%">
			<h2 id="b010" class="problem">单元活动任务</h2>
			<h3 class="lefth3" id="c019"><img class="img-gn1" alt="" src="../../assets/images/xsyty.jpg" /></h3>
			<p class="text"><span class="hs1">◇</span>吹纸练习</p>
			<p class="text ends">
			<span><span class="hs1">◇</span>吹纸练习</span>
			<span> <audio :src="auidoPathTwo" controls controlslist="noplaybackrate nodownload" class="audio"
			@play="audioPlay"></audio></span>
			</p>
			<p class="center text" style="margin: 4% 0"><img class="img-e" alt="" src="../../assets/images/0021-1.jpg" />
			</p>
			<p class="text">找一张纸巾，将它按在墙上。移开双手，努力用气息将纸“钉”在墙面上，不要让它向下滑落。</p>
			<p class="text"><span class="hs1">◇</span>吹笔练习</p>
			<p class="text ends">
			<span> <span class="hs1">◇</span>吹笔练习</span>
			<span> <audio :src="auidoPathThree" controls controlslist="noplaybackrate nodownload" class="audio"
			@play="audioPlay"></audio></span>
			</p>
			<p class="text">将一支笔立于桌面，看看你能不能用一口气将它吹倒。</p>
			<p class="text"><span class="hs1">◇</span>吹袋子练习</p>
			<p class="text ends">
			<span><span class="hs1">◇</span>吹袋子练习</span>
			<span> <audio :src="auidoPathFour" controls controlslist="noplaybackrate nodownload" class="audio"
			@play="audioPlay"></audio></span>
			</p>
			<p class="text">将一只塑料袋抛至空中，和你的小伙伴一起轮流吹气，避免塑料袋落地。</p>
			</div>
			<!-- 此处为页脚部分（需要设置页码） -->
			@@ -217,11 +230,17 @@
			</h1>
			<img class="headerimg" src="../../assets/images/page5.png" alt="" />
			<div class="bodystyle" style="margin-top: 3%;">
			<p class="text"><span class="hs1">◇</span>吹乒乓球练习</p>
			<p class="text ends">
			<span> <span class="hs1">◇</span>吹乒乓球练习</span>
			<span> <audio :src="auidoPathFive" controls controlslist="noplaybackrate nodownload" class="audio"
			@play="audioPlay"></audio></span>
			</p>
			<p class="text">用气息将桌面上的乒乓球从“起点”运送至“终点”，运送过程中避免乒乓球触碰障碍物。</p>
			<h3 class="lefth3" id="c020" style="margin-top: 7%"><img class="img-gn1" alt=""
			src="../../assets/images/tzyys.jpg" /></h3>
			<p class="text"><span class="hs1">◇</span>请走进剧场观看不同剧种的现场演出，感受戏剧的魅力吧！</p>
			<p class="text">
			<span class="hs1">◇</span>请走进剧场观看不同剧种的现场演出，感受戏剧的魅力吧！
			</p>
			<p class="center text">
			<video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
			x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
			@@ -250,10 +269,9 @@
			<script>
			import drag from "@/components/dragQuestion/index.vue"
			import { getResourcePath } from "@/assets/methods/resources";
			import choice from "@/components/choice/choice.vue"
			export default {
			name: "chapterTwo",
			components: { choice,drag },
			components: { drag },
			props: {
			showPageList: {
			type: Array,
			@@ -273,6 +291,10 @@
			collectCheck: require("../../assets/images/icon/heart-check.png"),
			videoPathOne: "",
			auidoPathOne: "",
			auidoPathTwo: "",
			auidoPathThree: "",
			auidoPathFour: "",
			auidoPathFive: "",
			chapterData: {
			isCollectImg: false,
			isCollectVideo: false,
			@@ -439,9 +461,21 @@
			this.videoPathOne = await getResourcePath(
			"a3c9b55ac8227e4c885384ff2fc6c0e7"
			);
			// this.auidoPathOne = await getResourcePath(
			// "2c5f6c69b0f9f7a3c03e473cb8c977f5"
			// );
			this.auidoPathOne = await getResourcePath(
			"0c147c73d67672d1538f76fa22793ff1"
			);
			this.auidoPathTwo = await getResourcePath(
			"daf62713e056d875baa37283c6190a46"
			);
			this.auidoPathThree = await getResourcePath(
			"126edb6a476971840e4c6abf0a3e9da5"
			);
			this.auidoPathFour = await getResourcePath(
			"2485785e9a21a78bcfc58db132537ffd"
			);
			this.auidoPathFive = await getResourcePath(
			"a37bb621b2591e3666e94d1a3bc23bc0"
			);
			},
			setBookQuestion() {
			console.log("保存");
			@@ -500,6 +534,7 @@
			height: 100%;
			background-color: red;
			}

			.drag-text {
			margin: 0 4%;
			font-family: "STKaiti";