From 78755afe645794b4aaf679e29e4cca10a72bc807 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期五, 12 七月 2024 09:37:41 +0800 Subject: [PATCH] 合并代码 --- src/books/English/view/components/chapter004.vue | 494 +++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 477 insertions(+), 17 deletions(-) diff --git a/src/books/English/view/components/chapter004.vue b/src/books/English/view/components/chapter004.vue index 8484225..64b71cf 100644 --- a/src/books/English/view/components/chapter004.vue +++ b/src/books/English/view/components/chapter004.vue @@ -502,8 +502,171 @@ </table> <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p> <div class="bk-wh"> - <p>physical銆�complex銆�social銆�relationship銆�feeling銆�emotion銆�empathy銆�thought銆�tireless銆�creative + <p class="dl-box"> + <span class="word-bc mr-20 dl-span" + @click="saveWord($event, 'physical')">physical</span> + <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'complex')">complex</span> + <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'social')">social</span> + <span class="word-bc mr-20 dl-span" + @click="saveWord($event, 'relationship')">relationship</span> + <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'feeling')">feeling</span> + <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'emotion')">emotion</span> + <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'empathy')">empathy</span> + <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'thought')">thought</span> + <span class="word-bc mr-20 dl-span" + @click="saveWord($event, 'tireless')">tireless</span> + <span class="word-bc mr-20 dl-span" + @click="saveWord($event, 'creative')">creative</span> </p> + <p>銆�銆�銆�銆�銆�銆�銆�銆�銆� + </p> + </div> + <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%"> + <div class="banshi openImgBox"> + <div class="swiper-container swiper_ppt"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_01.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_02.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_03.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_04.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_05.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_06.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_07.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_08.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_09.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_10.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_11.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_12.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_13.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_14.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_15.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_16.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_17.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_18.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_19.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_20.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_21.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_22.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_23.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_24.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_25.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_26.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_27.png" /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + <div class="pageBox"></div> + </div> + <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 --> + </div> </div> <h2 id="b014"><img class="img-0" alt="" src="../../assets/images/dy4-le2.jpg" /></h2> <h3 id="c032"><span class="bjh3">Warm-up</span></h3> @@ -968,9 +1131,10 @@ technology,the improvement of people鈥檚 lives,and the development of the Chinese nation.Work in groups and list some great Chinese scientists and their contributions to the world,and then discuss with your group members about their spirit towards scientific research and - innovation.</p> + innovation. + </p> <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p> - <p class="center"> + <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-th-bc"> <td class="tl-cn">Scientists</td> @@ -1029,7 +1193,153 @@ </td> </tr> </table> - </p> + <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%"> + <div class="banshi openImgBox"> + <div class="swiper-container swiper_ppt"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_01.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_02.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_03.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_04.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_05.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_06.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_07.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_08.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_09.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_10.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_11.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_12.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_13.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_14.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_15.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_16.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_17.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_18.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_19.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_20.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_21.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_22.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_23.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_24.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_25.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_26.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_27.png" /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + <div class="pageBox"></div> + </div> + <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 --> + </div> + </div> <h2 id="b015"><img class="img-0" alt="" src="../../assets/images/dy4-le3.jpg" /></h2> <h3 id="c035" class="fl al-cn"> <span class="bjh3">Listening</span> @@ -1085,13 +1395,13 @@ </p> <p class="table-p"> It wakes me up 1<input :disabled="testData.isComplete" type="text" - class="input-bottom-border input-bc-t" style="width: 5em" - v-model="testData.in.one" @change="setTestData" />in the morning. + class="input-bottom-border input-bc-t" style="width: 5em" + v-model="testData.in.one" @change="setTestData" />in the morning. </p> <p class="table-p"> It plays my 2.<input :disabled="testData.isComplete" type="text" - class="input-bottom-border input-bc-t" style="width: 5em" - v-model="testData.in.one" @change="setTestData" />music. + class="input-bottom-border input-bc-t" style="width: 5em" + v-model="testData.in.one" @change="setTestData" />music. </p> <p class="table-p"> I chat with it when I am alone.. @@ -1105,13 +1415,14 @@ <td class="tl-lf"> <p class="table-p"> It 3.<input :disabled="testData.isComplete" type="text" - class="input-bottom-border input-bc-t" style="width: 5em" - v-model="testData.in.one" @change="setTestData" />suggests things that I want. + class="input-bottom-border input-bc-t" style="width: 5em" + v-model="testData.in.one" @change="setTestData" />suggests things that I + want. </p> <p class="table-p"> It makes shopping a 4.<input :disabled="testData.isComplete" type="text" - class="input-bottom-border input-bc-t" style="width: 5em" - v-model="testData.in.one" @change="setTestData" />experience. + class="input-bottom-border input-bc-t" style="width: 5em" + v-model="testData.in.one" @change="setTestData" />experience. </p> </td> </tr> @@ -1125,13 +1436,15 @@ </p> <p class="table-p"> They're so 5.<input :disabled="testData.isComplete" type="text" - class="input-bottom-border input-bc-t" style="width: 5em" - v-model="testData.in.one" @change="setTestData" />for foreign language learning. + class="input-bottom-border input-bc-t" style="width: 5em" + v-model="testData.in.one" @change="setTestData" />for foreign language + learning. </p> <p class="table-p"> - I can figure out words or the meaning of words 6.<input :disabled="testData.isComplete" type="text" - class="input-bottom-border input-bc-t" style="width: 5em" - v-model="testData.in.one" @change="setTestData" /> + I can figure out words or the meaning of words 6.<input + :disabled="testData.isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 5em" + v-model="testData.in.one" @change="setTestData" /> </p> </td> </tr> @@ -1357,6 +1670,153 @@ <p>We can very well compete against 鈥� in price.</p> <p>鈥� are the best-selling products of this kind.</p> </div> + <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%"> + <div class="banshi openImgBox"> + <div class="swiper-container swiper_ppt"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_01.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_02.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_03.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_04.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_05.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_06.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_07.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_08.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_09.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_10.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_11.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_12.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_13.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_14.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_15.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_16.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_17.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_18.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_19.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_20.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_21.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_22.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_23.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_24.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_25.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_26.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_27.png" /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + <div class="pageBox"></div> + </div> + <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 --> + </div> + </div> </div> </div> <div class="preface-bottom"> -- Gitblit v1.9.1