testbookLayout.git

			@@ -5,7 +5,7 @@
			<h1 id="a004">
			<!-- 这里的动图有问题，没有背景图片 -->
			<img class="img-0" alt="" src="../../assets/images/dy3.jpg" />
			<audio :src="auidoPathOne" class="audio" controls></audio>
			<audio :src="auidoPathOne" controls class="audio" @play="audioPlay" ></audio>
			</h1>
			<div class="bodystyle">
			<div class="bk">
			@@ -28,8 +28,9 @@
			<h1>
			<img src="../../assets/images/header-green.png" alt="" style="width: 100%;" />
			</h1>
			<img class="headerimg" src="../../assets/images/page5.png" alt="" />
			<div class="bodystyle">
			<img src="../../assets/images/page5.png" alt="" />

			<h2 id="b011">第一课　吹响劳动的集结号</h2>
			<h3 class="lefth3" id="c021"><img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" /></h3>
			<p>寒来暑往，秋收冬藏。一年四季，劳碌奔忙。</p>
			@@ -52,7 +53,7 @@
			<div class="page-box" page="24">
			<div v-if="showPageList.indexOf(24) > -1">
			<h1>
			<img src="../../assets/images/page6-header-green.png" alt="" style="height: auto; width: 100%" />
			<img src="../../assets/images/unit3-header-img.png" alt="" style="height: auto; width: 100%" />
			</h1>
			<div class="bodystyle">
			<h2 id="b012">第二课　意外发生了！</h2>
			@@ -77,6 +78,7 @@
			<h1>
			<img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
			</h1>
			<img class="headerimg" src="../../assets/images/page5.png" alt="" />
			<div class="bodystyle">
			<h2 id="b013">第三课　我该怎么办？</h2>
			<h3 class="lefth3" id="c025"><img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" /></h3>
			@@ -96,10 +98,11 @@
			<div class="page-box" page="26">
			<div v-if="showPageList.indexOf(26) > -1">
			<h1>
			<img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
			</h1>
			<img src="../../assets/images/unit3-header-img.png" alt="" style="width: 100%; height: auto" />
			</h1>

			<div class="bodystyle">
			<img src="../../assets/images/page5.png" alt="" />

			<h2 id="b014">第四课　皆大欢喜</h2>
			<h3 class="lefth3" id="c027"><img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" /></h3>
			<p><span class="hs1">◇</span>请按照事件六要素的结构给大家分享一件快乐的事吧！</p>
			@@ -110,7 +113,7 @@
			<p>经过：<input v-model="questionData.warnUp.six" class="input-bottom-border fz-18" @change="setBookQuestion" style="width: 70%"/></p>
			<p>结果：<input v-model="questionData.warnUp.seven" class="input-bottom-border fz-18" @change="setBookQuestion" style="width: 70%"/></p>
			<p><span class="hs1">◇</span>你有烦恼吗？说一说是什么，你是怎么处理它的？</p>
			<p><input v-model="questionData.warnUp.three" class="input-bottom-border fz-18" @change="setBookQuestion" style="width: 70%"/></p>
			<p><input v-model="questionData.warnUp.enight" class="input-bottom-border fz-18" @change="setBookQuestion" style="width: 85%"/></p>
			</div>
			<!-- 此次为页脚部分（需要设置页码） -->
			<div class="page-footer">
			@@ -140,7 +143,7 @@
			<div class="page-box" page="28">
			<div v-if="showPageList.indexOf(28) > -1">
			<h1>
			<img src="../../assets/images/page6-header-green.png" alt="" style="width: 100%; height: auto" />
			<img src="../../assets/images/unit3-header-img.png" alt="" style="width: 100%; height: auto" />
			</h1>
			<div class="bodystyle">
			<h2 id="b015">单元活动任务</h2>
			@@ -166,8 +169,9 @@
			<h1>
			<img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
			</h1>
			<img class="headerimg" src="../../assets/images/page5.png" alt="" />
			<div class="bodystyle">
			<h3 class="lefth3" id="c030"><img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" /></h3>
			<h3 class="lefth3" id="c030"><img class="img-gn1" alt="" src="../../assets/images/tzyys.jpg" /></h3>
			<p><span class="hs1">◇</span>劳动最光荣！请为家中长辈做一件力所能及的事情，用实际行动表达你的爱意！体验过程中要记住每一个动作的细节，再尝试以无实物表演的方式进行展示。
			</p>
			<p class="center">
			@@ -360,6 +364,9 @@
			JSON.stringify(this.questionData)
			);
			},
			audioPlay(e) {
			this.$emit('closeAudio',e.srcElement.currentSrc)
			}
			},
			};
			</script>