src/App.vue
@@ -67,7 +67,7 @@ process.env.VUE_APP_RESOURCE_CTX + (process.env.VUE_APP_ENV == "product" ? process.env.VUE_APP_BOOK_ID : "sportsAndHealth") : "english") ); // æµè¯è¯è¯»30页 // this.activeBook.tryPageCount = 10; src/books/English/assets/images/page47selectFour.png
@@ -768,6 +768,9 @@ .w80x { width: 80px !important; } .w70 { width: 70%; } .w50 { width: 50%; } src/books/English/view/components/chapter001.vue
@@ -1080,7 +1080,7 @@ people. </p> <p> <input :disabled="testData.isComplete" v-model="testData.ts.one" type="text" class="input-bottom-border" <input :disabled="testData.isComplete" v-model="testData.ts.one" type="text" class="input-bottom-border w90" @change="setTestData" /> </p> @@ -1092,7 +1092,7 @@ greatly promoted the development of ancient Chinese civilization. </p> <p> <input :disabled="testData.isComplete" v-model="testData.ts.two" type="text" class="input-bottom-border" <input :disabled="testData.isComplete" v-model="testData.ts.two" type="text" class="input-bottom-border w90" @change="setTestData" /> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> @@ -1103,7 +1103,7 @@ tea culture in depth. </p> <p> <input :disabled="testData.isComplete" v-model="testData.ts.three" type="text" class="input-bottom-border" <input :disabled="testData.isComplete" v-model="testData.ts.three" type="text" class="input-bottom-border w90" @change="setTestData" /> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> @@ -1114,7 +1114,7 @@ Chinese medical science. </p> <p> <input :disabled="testData.isComplete" v-model="testData.ts.four" type="text" class="input-bottom-border" <input :disabled="testData.isComplete" v-model="testData.ts.four" type="text" class="input-bottom-border w90" @change="setTestData" /> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> @@ -1142,7 +1142,7 @@ </p> <p> <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.one" type="text" class="input-bottom-border" @change="setTestData" />. class="input-bottom-border w90" @change="setTestData" />. </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> çæ¡ï¼If you try using sticks, you can enjoy the fun of having a @@ -1154,7 +1154,7 @@ </p> <p> <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.two" type="text" class="input-bottom-border" @change="setTestData" />. class="input-bottom-border w90" @change="setTestData" />. </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> çæ¡ï¼If you go to my Chinese New Year party, you will meet my @@ -1163,7 +1163,7 @@ <p>3.Drink some Longjing tea,and you will love it.</p> <p> <b>If</b><input :disabled="testData.isComplete" type="text" v-model="testData.gr.three" class="input-bottom-border" @change="setTestData" />. class="input-bottom-border w90" @change="setTestData" />. </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> çæ¡ï¼If you drink some Longjing tea, you will love it. @@ -1174,7 +1174,7 @@ </p> <p> <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.four" type="text" class="input-bottom-border" @change="setTestData" />. class="input-bottom-border w90" @change="setTestData" />. </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> çæ¡ï¼If I go to Xiâan one day, I will visit the terracotta @@ -1186,7 +1186,7 @@ </p> <p> <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.five" type="text" class="input-bottom-border" @change="setTestData" />. class="input-bottom-border w90" @change="setTestData" />. </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> çæ¡ï¼ If you ask foreigners about their favorite Chinese food, @@ -2756,7 +2756,7 @@ </p> </div> <p> 1.It is actually an online shopping website.( <select class="select-border" :disabled="testOneData.isComplete" 1.It is actually an online shopping website.( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData" v-model="testOneData.dropdownStructureData.one.value" style="width: 15%"> <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index" :value="item"> @@ -2781,7 +2781,7 @@ </span> </p> <p> 2.Vanessa finally got her own online payment account. ( <select class="select-border" :disabled="testOneData.isComplete" 2.Vanessa finally got her own online payment account. ( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData" v-model="testOneData.dropdownStructureData.two.value" style="width: 15%"> <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index" :value="item"> @@ -2807,7 +2807,7 @@ </p> <p> 3.China offers researchers world-class advanced research facilities in the institutes. ( <select class="select-border" :disabled="testOneData.isComplete" facilities in the institutes. ( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData" v-model="testOneData.dropdownStructureData.three.value" style="width: 15%"> <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index" :value="item"> @@ -2833,7 +2833,7 @@ </p> <p> 4.These friends made Vanessa see China through the eyes of the locals. ( <select class="select-border" :disabled="testOneData.isComplete" locals. ( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData" v-model="testOneData.dropdownStructureData.four.value" style="width: 15%"> <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index" :value="item"> @@ -2858,7 +2858,7 @@ </span> </p> <p> 5.The list of Chinese food never ends. ( <select class="select-border" :disabled="testOneData.isComplete" 5.The list of Chinese food never ends. ( <select class="select-border" @change="setTestOneData" :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.five.value" style="width: 15%"> <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index" :value="item"> @@ -3030,137 +3030,87 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_16.jpg" /> </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" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_17.jpg" /> </div> </div> </div> @@ -3581,7 +3531,7 @@ </div> <div class="right" style="width: 48%"> <p> <input type="checkbox" name="ball" value="Name of the event" id="1" v-model="check.value" /> <input type="checkbox" name="ball" value="Name of the event" id="1" v-model="check.value" @change="setCheck" /> Name of the event <span> <svg v-if=" @@ -3611,7 +3561,7 @@ </span> </p> <p> <input type="checkbox" name="ball" value="Date and time" id="2" v-model="check.value" /> <input type="checkbox" name="ball" value="Date and time" id="2" v-model="check.value" @change="setCheck" /> Date and time <span> <svg v-if=" @@ -3641,7 +3591,7 @@ </span> </p> <p> <input type="checkbox" name="ball" value="Location" id="3" v-model="check.value" /> <input type="checkbox" name="ball" value="Location" id="3" v-model="check.value" @change="setCheck" /> Location <span> <svg v-if=" @@ -3671,7 +3621,7 @@ </span> </p> <p> <input type="checkbox" name="ball" value="Greetings" id="4" v-model="check.value" /> <input type="checkbox" name="ball" value="Greetings" id="4" v-model="check.value" @change="setCheck" /> Greetings <span> <svg v-if=" @@ -3701,7 +3651,7 @@ </span> </p> <p> <input type="checkbox" name="ball" value="Warnings" id="5" v-model="check.value" /> <input type="checkbox" name="ball" value="Warnings" id="5" v-model="check.value" @change="setCheck" /> Warnings <span> <svg v-if=" @@ -3731,7 +3681,7 @@ </span> </p> <p> <input type="checkbox" name="ball" value="Organizer" id="6" v-model="check.value" /> <input type="checkbox" name="ball" value="Organizer" id="6" v-model="check.value" @change="setCheck" /> Organizer <span> <svg v-if=" @@ -3761,7 +3711,7 @@ </span> </p> <p> <input type="checkbox" name="ball" value="Signature" id="7" v-model="check.value" /> <input type="checkbox" name="ball" value="Signature" id="7" v-model="check.value" @change="setCheck" /> Signature <span> <svg v-if=" @@ -3792,7 +3742,7 @@ </p> <p> <input type="checkbox" name="ball" value="A short description of the event" id="8" v-model="check.value" /> v-model="check.value" @change="setCheck" /> A short description of the event <span> <svg v-if=" @@ -3822,7 +3772,7 @@ </span> </p> <p> <input type="checkbox" name="ball" value="Contact information" id="9" v-model="check.value" /> <input type="checkbox" name="ball" value="Contact information" @change="setCheck" id="9" v-model="check.value" /> Contact information <span> <svg v-if=" @@ -3852,7 +3802,7 @@ </span> </p> <p> <input type="checkbox" name="ball" value="Pictures of the event" id="10" v-model="check.value" /> <input type="checkbox" name="ball" value="Pictures of the event" id="10" v-model="check.value" @change="setCheck" /> Pictures of the event <span> <svg v-if=" @@ -3884,7 +3834,7 @@ </div> </div> <p class="event-header-text-bc pd-5" style="margin-left: 35px; width: 93%" v-if="showQuestionAnswer"> çæ¡ï¼Name of the event,Date & time,Address,Organizer çæ¡ï¼1.Name of the event 2.Date & time 3.Address,Organizer </p> <div class="w100 fl ju-cn"> <ul class="fl ju-ar w80"> @@ -4154,137 +4104,77 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_14.jpg" /> </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" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_15.jpg" /> </div> </div> </div> @@ -4844,6 +4734,11 @@ if (testTwoData) { this.testTwoData = JSON.parse(testTwoData); } const check = localStorage.getItem("english-lessonFour"); if (check) { this.check = JSON.parse(check); } this.getPath(); }, methods: { @@ -4921,6 +4816,7 @@ three:"", }, }; this.showQuestionAnswer = false }, changeTestOneData() { localStorage.removeItem("english-lessonTwo") src/books/English/view/components/chapter002.vue
@@ -65,14 +65,16 @@ <div class="fd-c w80"> <div class="h50"> <span class="mr-10"> <select :disabled="warmUp.isComplete" v-model="warmUp.one.value" style="width: 35%"> <select :disabled="warmUp.isComplete" v-model="warmUp.one.value" style="width: 35%" @change="setWarmUp"> <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item"> {{ item }} </option> </select> </span> <span class=""> <select :disabled="warmUp.isComplete" v-model="warmUp.one.values" style="width: 35%"> <select :disabled="warmUp.isComplete" v-model="warmUp.one.values" style="width: 35%" @change="setWarmUp"> <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item"> {{ item }} </option> @@ -97,14 +99,16 @@ </div> <div class="h50"> <span class="mr-10"> <select :disabled="warmUp.isComplete" v-model="warmUp.two.value" style="width: 35%"> <select :disabled="warmUp.isComplete" v-model="warmUp.two.value" style="width: 35%" @change="setWarmUp"> <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item"> {{ item }} </option> </select> </span> <span> <select :disabled="warmUp.isComplete" v-model="warmUp.two.values" style="width: 35%"> <select :disabled="warmUp.isComplete" v-model="warmUp.two.values" style="width: 35%" @change="setWarmUp"> <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item"> {{ item }} </option> @@ -141,14 +145,16 @@ <div class="fd-c w80"> <div class="h50"> <span class="mr-10"> <select :disabled="warmUp.isComplete" v-model="warmUp.three.value" style="width: 35%"> <select :disabled="warmUp.isComplete" v-model="warmUp.three.value" style="width: 35%" @change="setWarmUp"> <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item"> {{ item }} </option> </select> </span> <span class=""> <select :disabled="warmUp.isComplete" v-model="warmUp.three.values" style="width: 35%"> <select :disabled="warmUp.isComplete" v-model="warmUp.three.values" style="width: 35%" @change="setWarmUp"> <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item"> {{ item }} </option> @@ -173,14 +179,16 @@ </div> <div class="h50"> <span class="mr-10"> <select :disabled="warmUp.isComplete" v-model="warmUp.four.value" style="width: 35%"> <select :disabled="warmUp.isComplete" v-model="warmUp.four.value" style="width: 35%" @change="setWarmUp"> <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item"> {{ item }} </option> </select> </span> <span> <select :disabled="warmUp.isComplete" v-model="warmUp.four.values" style="width: 35%"> <select :disabled="warmUp.isComplete" v-model="warmUp.four.values" style="width: 35%" @change="setWarmUp"> <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item"> {{ item }} </option> @@ -331,90 +339,95 @@ <tr class="table-tr-bc"> <td class="tl-cn table-th-bc" rowspan="2">Speaker 1</td> <td class="bor-b-n"> <input type="radio" name="ball" value="A. I can understand my foreign colleagues because they are straightforward." id="1" v-model="testData.check" /> A. I can <input type="radio" name="ball" value="a" id="1" v-model="radioOne[0].value[0].userAnswer" /> A. I can understand my foreign colleagues because they are straightforward. <img :src="radioOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[0].userAnswer === 'a'"> </td> </tr> <tr class="table-tr-bc"> <td class="bor-t-n"> <input type="radio" name="ball" value="B. My foreign colleagues just nod and agree with me when we have a discussion." id="1" v-model="testData.check" /> B. My foreign <input type="radio" name="ball" value="b" id="2" v-model="radioOne[0].value[0].userAnswer" /> B. My foreign colleagues just nod and agree with me when we have a discussion. <img :src="radioOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[0].userAnswer === 'b' "> </td> </tr> <!-- 第äºè¡ --> <tr class="table-tr-bc"> <td class="tl-cn table-th-bc" rowspan="2">Speaker 2</td> <td class="bor-b-n"> <input type="radio" name="ballOne" value="A. My foreign boss closely oversees our work and criticizes us for our mistakes." id="1" v-model="testData.check" /> A. My foreign <input type="radio" name="ballOne" value="a" id="3" v-model="radioOne[0].value[1].userAnswer" /> A. My foreign boss closely oversees our work and criticizes us for our mistakes. <img :src="radioOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[1].userAnswer === 'a'"> </td> </tr> <tr class="table-tr-bc"> <td class="bor-t-n"> <input type="radio" name="ballOne" value="B. My foreign boss is very hands-off and gives us a lot freedom to do things." id="1" v-model="testData.check" /> B. My foreign <input type="radio" name="ballOne" value="b" id="4" v-model="radioOne[0].value[1].userAnswer" /> B. My foreign boss is very hands-off and gives us a lot freedom to do things. <img :src="radioOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[1].userAnswer === 'b'"> </td> </tr> <!-- 第ä¸è¡ --> <tr class="table-tr-bc"> <td class="tl-cn table-th-bc" rowspan="2">Speaker 3</td> <td class="bor-b-n"> <input type="radio" name="ballTwo" value="A. My Chinese colleagues always stay late in the ofice or bring work home." id="1" v-model="testData.check" /> A. My Chinese <input type="radio" name="ballTwo" value="a" id="5" v-model="radioOne[0].value[2].userAnswer" /> A. My Chinese colleagues always stay late in the ofice or bring work home. <img :src="radioOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[2].userAnswer === 'a'"> </td> </tr> <tr class="table-tr-bc"> <td class="bor-t-n"> <input type="radio" name="ballTwo" value="B. My Chinese colleagues manage to get their work done during working hours." id="1" v-model="testData.check" /> B. My Chinese <input type="radio" name="ballTwo" value="b" id="6" v-model="radioOne[0].value[2].userAnswer" /> B. My Chinese colleagues manage to get their work done during working hours. <img :src="radioOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[2].userAnswer === 'b'"> </td> </tr> <!-- 第åè¡ --> <tr class="table-tr-bc"> <td class="tl-cn table-th-bc" rowspan="2">Speaker 4</td> <td class="bor-b-n"> <input type="radio" name="ballThree" value="A. My Chinese colleagues deal with issues more objectively" id="1" v-model="testData.check" /> A. My Chinese <input type="radio" name="ballThree" value="a" id="7" v-model="radioOne[0].value[3].userAnswer" /> A. My Chinese colleagues deal with issues more objectively <img :src="radioOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[3].userAnswer === 'a'"> </td> </tr> <tr class="table-tr-bc"> <td class="bor-t-n"> <input type="radio" name="ballThree" value="B. My Chinese colleagues are likely to take things personally" id="1" v-model="testData.check" /> B. My Chinese <input type="radio" name="ballThree" value="b" id="8" v-model="radioOne[0].value[3].userAnswer" /> B. My Chinese colleagues are likely to take things personally <img :src="radioOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[3].userAnswer === 'b'"> </td> </tr> </table> <!-- æ交æé® --> <div class="w100 fl"> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="radioOne[0].isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(item, index) in radioOne[0].value" :key="index" class="mr-20"> {{ item.answer }} </span> </div> <!-- æ交æé® --> <div class="w100 fl"> <ul class="fl ju-ar w100"> <li> <button class="btn-border btn-w" @click="saveDataOne"> <button class="btn-border btn-w" @click="handleRadioOne"> æ交 </button> </li> <li> <button @click="changeQuestionDataOne" class="btn-border btn-w"> <button @click="changeRadioOne" class="btn-border btn-w"> éå </button> </li> <li> <button @click="showLessonOneQuestionAnswer = !showLessonOneQuestionAnswer" class="parimary-btn"> <button @click="viewRadioOne" class="parimary-btn"> æ¥ççæ¡ </button> </li> @@ -465,34 +478,34 @@ </p> <p class="center"><b>Challenges of Working Across Cultures</b></p> <p class="center"> <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio" ></audio> <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio> </p> <p> It is not a secret that a companyâs success is heavily based on its people.An employee is <span class="word-bc" >defined</span> by his/her talents,knowledge and abilities.This is the â<span class="word-bc" >visible</span>â side of an employee.The âhiddenâside,which is also important,is the cultural <span class="word-bc" >identity</span> its people.An employee is <span class="word-bc">defined</span> by his/her talents,knowledge and abilities.This is the â<span class="word-bc">visible</span>â side of an employee.The âhiddenâside,which is also important,is the cultural <span class="word-bc">identity</span> .The culture of an employee impacts his/her views on life,work,business relationships and how they <span class="word-bc" >handle</span> challenges.There are some issues that may <span class="word-bc" >arise</span> when working in a cross-cultural environment. relationships and how they <span class="word-bc">handle</span> challenges.There are some issues that may <span class="word-bc">arise</span> when working in a cross-cultural environment. </p> <p> When your colleagues speak different languages,it is easy to misunderstand each other.When I applied for the position at an international trade company,during the interview,my interviewer,who is from Egypt,was saying â<span class="word-bc" >quote</span>â â<span class="word-bc">quote</span>â ,but to me,it sounded like âcourtâ.It took me a while to </p> @@ -519,9 +532,9 @@ <div class="padding-93"> <div class="bodystyle"> <p> understand what he meant,and I still remember how <span class="word-bc" >confused</span> I felt understand what he meant,and I still remember how <span class="word-bc">confused</span> I felt when I had to reply without knowing what he was asking about.You may feel uncomfortable to ask your conversation partner to repeat the sentence.However,it will save you from making mistakes and @@ -529,52 +542,52 @@ understand him. </p> <p> Things that are normal or <span class="word-bc" >routine</span> in one culture can be totally <span class="word-bc" >unacceptable</span> Things that are normal or <span class="word-bc">routine</span> in one culture can be totally <span class="word-bc">unacceptable</span> in another culture.In my home country of Latvia,it is a normal practice not to expect replies by email after normal working hours and I will only <span class="word-bc" >disturb</span> a colleague if the matter is working hours and I will only <span class="word-bc">disturb</span> a colleague if the matter is very serious.However,in other countries,like Russia and Egypt,the <span class="word-bc" >tendency</span> is to work 24/7 in response to the industry needs.Get <span class="word-bc">tendency</span> is to work 24/7 in response to the industry needs.Get familiar with the behavior patterns accepted in your colleaguesâ countries,and learn about their <span class="word-bc" >traditions</span> countries,and learn about their <span class="word-bc">traditions</span> ,you will finally find the best way to respectfully communicate. </p> <p> Language and cultural <span class="word-bc" >barriers</span> can cause <span class="word-bc" >frustration</span> .Donât let Language and cultural <span class="word-bc">barriers</span> can cause <span class="word-bc">frustration</span> .Donât let emotions take over.Think about the objective you want to reach,make an effort to understand the other person and use the most <span class="word-bc" >appropriate</span> means for it.For example,email does not convey most <span class="word-bc">appropriate</span> means for it.For example,email does not convey the speakerâs emotions and limits the possibility to ask questions.Calling someone on the phone and hearing his/her <span class="word-bc" >tone</span> questions.Calling someone on the phone and hearing his/her <span class="word-bc">tone</span> can make the communication more smooth,and you will be surprised by the level of understanding you will receive in return. </p> <p> Working with colleagues from other countries or cultures can at times be challenging,but it is so times be challenging,but it is so <span class="word-bc">rewarding</span> when you can learn when you can learn from each other and open your eyes to other ways of life. </p> <p class="fl al-cn mt-40"> <span class="zt-cs" style="font-size: 20px">Words & Expressions</span> <span class="line-border-box"></span> </p> <audio :src="resource.readingTwo" controls class="audio" ></audio> <audio :src="resource.readingTwo" controls class="audio"></audio> <p>define /dɪËfaɪn/ <i>v.</i> ç»â¦â¦ä¸å®ä¹</p> <div class="bkbj"> <p><i>to state precisely the meaning of sth.</i></p> @@ -1419,16 +1432,16 @@ </p> <div class="bk-wh"> <p class="dl-box"> <span class="word-bc mr-20 dl-span" >direct</span> <span class="word-bc mr-20 dl-span" >formal</span> <span class="word-bc mr-20 dl-span" >respect</span> <span class="word-bc mr-20 dl-span" >privacy</span> <span class="word-bc mr-20 dl-span" >hand-shaking</span> <span class="word-bc mr-20 dl-span" >touch</span> <span class="word-bc mr-20 dl-span" >comfortable</span> <span class="word-bc mr-20 dl-span" >toast</span> <span class="word-bc mr-20 dl-span" >chopsticks</span> <span class="word-bc mr-20 dl-span" >seating <span class="word-bc mr-20 dl-span">direct</span> <span class="word-bc mr-20 dl-span">formal</span> <span class="word-bc mr-20 dl-span">respect</span> <span class="word-bc mr-20 dl-span">privacy</span> <span class="word-bc mr-20 dl-span">hand-shaking</span> <span class="word-bc mr-20 dl-span">touch</span> <span class="word-bc mr-20 dl-span">comfortable</span> <span class="word-bc mr-20 dl-span">toast</span> <span class="word-bc mr-20 dl-span">chopsticks</span> <span class="word-bc mr-20 dl-span">seating arrangement</span> </p> </div> @@ -1438,137 +1451,142 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_18.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_19.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_20.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_21.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_22.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_23.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_24.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_25.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_26.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_27.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_28.jpg" /> </div> </div> </div> @@ -1797,31 +1815,31 @@ </p> <p class="center"><b>From 2008 to 2022:The Road of My Country and My Growth</b></p> <p class="center"><audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio" ></audio></p> <p class="center"><audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"></audio></p> <p>For an <span class="word-bc" >individual</span> <span class="word-bc">individual</span> or a country,a period of 14 years is long enough to become calm,confident and <span class="word-bc" >mature</span> <span class="word-bc">mature</span> .On the road from 2008 to 2022,I learned to grow up with my country and the Olympics. </p> <p>In 2008,hosting the Olympics was new to China and I was then new in covering the Olympics as a <span class="word-bc" >journalist</span> <span class="word-bc">journalist</span> .Seven years later when we won the right to host the Winter Games,I did not think that Beijing would be the worldâs first city to host both the Summer and Winter Olympics.Now it was real and I was simply enjoying the moment. </p> <p>Turning up as simple but <span class="word-bc" >impressive</span> <span class="word-bc">impressive</span> ,the opening <span class="word-bc" >ceremony</span> <span class="word-bc">ceremony</span> lasted for about two hours with less performing artists but more <span class="word-bc" >audio-visual</span> <span class="word-bc">audio-visual</span> technologies to tell the story of âtogethernessâ rather than introducing âmyselfâ 14 years ago at the same sports field.The <span class="word-bc" >snowflake</span> <span class="word-bc">snowflake</span> -shaped Olympic <span class="word-bc">cauldron</span> ,formed by the smaller @@ -1853,30 +1871,30 @@ <div class="bodystyle"> <p>As the chief director of the opening ceremony said,2022 would not repeat 2008 though the latter was â <span class="word-bc" >exceptional</span> <span class="word-bc">exceptional</span> â,not only because of the <span class="word-bc" >pandemic</span> <span class="word-bc">pandemic</span> situation but also a different China now âmore confident in its culture. </p> <p>In the summer 14 years ago,I was like a <span class="word-bc" >festivalgoer</span> <span class="word-bc">festivalgoer</span> full of energy rushing for work but also making errors.I,like many Chinese fellows,cried after Liu Xiang moved away from the <span class="word-bc" >track</span> <span class="word-bc">track</span> due to injury.In the winter of 2022,I shared my passion in the Olympics in another way âmore serious at work,fitter self âthanks to regular exercise and a positive view of sports <span class="word-bc" >competition</span> <span class="word-bc">competition</span> . </p> <p>It was like getting over my schoolgirl crush and focusing on learning to love.</p> <p>I could not agree more with what a gold medal winner said during an interview.âIn 2008 we <span class="word-bc" >impressed</span> the <span class="word-bc">impressed</span> the world while in 2022 we became people-centered âfor athletes and the people.â </p> <p>I failed to control myself the moments when the Chinese national <span class="word-bc" >anthem</span> <span class="word-bc">anthem</span> was played and when images of people from all walks of life were displayed during the scene of âPaying Tribute to the Peopleâ.It is this country and its people that made the Olympics happen.Iâm as tearful as usual for now Iâm deeply in love. @@ -1886,7 +1904,7 @@ <span class="line-border-box"></span> </p> <!-- è§é¢ --> <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" class="audio" ></audio> <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" class="audio"></audio> <p>individual /ËɪndɪËvɪdÊÊÉl/ <i>n.</i> 个人ï¼ä¸ªä½</p> <div class="bkbj"> <p><i>a person considered separately rather than as part of a group</i></p> @@ -1990,13 +2008,13 @@ <p>A.Read the passage and answer the following questions.</p> <p>1.What was the theme of the Beijing 2022 Winter Olympics?</p> <p> <textarea v-model="questionData.reading.five" placeholder="请è¾å ¥å 容" rows="6" style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> <textarea v-model="questionData.reading.five" placeholder="请è¾å ¥å 容" rows="6" style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> </p> <p>2.What made the Beijing 2022 Winter Olympics âexceptionalâ?</p> <p> <textarea v-model="questionData.reading.six" placeholder="请è¾å ¥å 容" rows="6" style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> <textarea v-model="questionData.reading.six" placeholder="请è¾å ¥å 容" rows="6" style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> </p> </div> </div> @@ -2709,139 +2727,120 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_18.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_19.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_20.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_21.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_22.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_23.jpg" /> </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> @@ -2853,28 +2852,30 @@ <h2 id="b007"><img class="img-0" alt="" src="../../assets/images/dy2-le3.jpg" /></h2> <h3 id="c017"><span class="bjh3">Listening</span></h3> <p><b>â .Listen to the introduction to Cultural Diversity Day and fill in the following blanks.</b></p> <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio" ></audio> <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio"></audio> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-th-bc"> <td class="tl-cn" colspan="2">Cultural Diversity Day</td> </tr> <tr class="table-tr-bc"> <td>When is it?</td> <td>1.On<input type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="questionData.reading.ten" @change="setBookQuestion" />21st</td> <td>1.On<input type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="questionData.reading.ten" @change="setBookQuestion" />21st</td> </tr> <tr class="table-tr-bc"> <td>Why do we celebrate it?</td> <td>Recognizing cultural 2.<input type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="questionData.reading.eleven" @change="setBookQuestion" /> <td>Recognizing cultural 2.<input type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="questionData.reading.eleven" @change="setBookQuestion" /> Understanding the concept of culture. Getting to know each other through the differences in language,3.<input type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="questionData.reading.twelve" @change="setBookQuestion" />race, Getting to know each other through the differences in language,3.<input type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="questionData.reading.twelve" @change="setBookQuestion" />race, religion and other elements. Giving people a sense of 4.<input type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="questionData.reading.thirteen" @change="setBookQuestion" />in their own culture. .Leading to community 5.<input type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="questionData.reading.fourteen" @change="setBookQuestion" />and personal growth.</td> style="width: 70px" v-model="questionData.reading.thirteen" @change="setBookQuestion" />in their own culture. .Leading to community 5.<input type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="questionData.reading.fourteen" @change="setBookQuestion" />and personal growth.</td> </tr> </table> <!-- çæ¡ --> @@ -2883,8 +2884,8 @@ </p> <p><b>â ¡.Listen to the conversation and mark the activities when mentioned.</b></p> <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" class="audio" ></audio> <p><input :disabled="check.isComplete" type="checkbox" name="ball" <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" class="audio"></audio> <p><input :disabled="check.isComplete" type="checkbox" name="ball" @change="setCheck" value="Lecture on Ancient Chinese History" id="1" v-model="check.value" /> Lecture on Ancient Chinese History <span> @@ -2914,7 +2915,7 @@ </svg> </span> </p> <p><input :disabled="check.isComplete" type="checkbox" name="ball" <p><input :disabled="check.isComplete" type="checkbox" name="ball" @change="setCheck" value="Calligraphy & Painting Demonstration" id="2" v-model="check.value" />Calligraphy & Painting Demonstration <span> @@ -2945,7 +2946,7 @@ </span> </p> <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Music" id="3" v-model="check.value" />Traditional Chinese Music v-model="check.value" @change="setCheck" />Traditional Chinese Music <span> <svg v-if=" check.isComplete && @@ -2974,7 +2975,7 @@ </span> </p> <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Sichuan Opera" id="4" v-model="check.value" />Sichuan Opera v-model="check.value" @change="setCheck" />Sichuan Opera <span> <svg v-if=" check.isComplete && @@ -3003,7 +3004,7 @@ </span> </p> <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Chinese Cuisine" id="5" v-model="check.value" />Chinese Cuisine v-model="check.value" @change="setCheck" />Chinese Cuisine <span> <svg v-if=" check.isComplete && @@ -3032,7 +3033,7 @@ </span> </p> <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Tea Ceremony" id="6" v-model="check.value" />Tea Ceremony v-model="check.value" @change="setCheck" />Tea Ceremony <span> <svg v-if=" check.isComplete && @@ -3061,7 +3062,7 @@ </span> </p> <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Tai Chi" id="7" v-model="check.value" />Tai Chi v-model="check.value" @change="setCheck" />Tai Chi <span> <svg v-if=" check.isComplete && @@ -3090,7 +3091,7 @@ </span> </p> <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Medicine" id="8" v-model="check.value" />Traditional Chinese Medicine id="8" v-model="check.value" @change="setCheck" />Traditional Chinese Medicine <span> <svg v-if=" check.isComplete && @@ -3119,7 +3120,7 @@ </span> </p> <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Crafts" id="9" v-model="check.value" />Traditional Chinese Crafts v-model="check.value" @change="setCheck" />Traditional Chinese Crafts <span> <svg v-if=" check.isComplete && @@ -3154,7 +3155,7 @@ Painting Demonstration (3)Traditional Chinese Music (4)Tea Ceremony (5) Tai Chi (6) Traditional Chinese Crafts </p> </p> <!-- æ交æé® --> <div class="w100 fl ju-cn"> <ul class="fl ju-ar w80"> @@ -3209,7 +3210,7 @@ transform="translate(-3327.144 15329)" /> </svg> </span> </p> </p> <textarea v-model="questionData.reading.eight" placeholder="请è¾å ¥å 容" rows="6" style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerNine"> @@ -3223,7 +3224,7 @@ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" transform="translate(-3327.144 15329)" /> </svg> </span> </span> </p> <textarea v-model="questionData.reading.one" placeholder="请è¾å ¥å 容" rows="6" style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> @@ -3245,33 +3246,34 @@ </div> <p><b>â ¡.Read the schedule of Chinese Culture Week</b>2023<b> and fill in the blanks by translating the Chinese in the brackets.</b></p> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-th-bc"> <td class="tl-cn wh-no">Day/Date/<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 80px" v-model="tableBlanksData.rs.one" @change="setQuestionDataTwo" /> <span> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.one, 0) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.one, 0) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </td> <td class="tl-cn wh-no">Day/Date/<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 80px" v-model="tableBlanksData.rs.one" @change="setQuestionDataTwo" /> <span> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.one, 0) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.one, 0) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </td> <td class="wh-no tl-cn">Activities</td> <td class="tl-cn">Location</td> </tr> @@ -3281,69 +3283,73 @@ <p class="table-p">9:30a.m.-11:30a.m.</p> </td> <td> <p class="table-p">2.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 85%" v-model="tableBlanksData.rs.two" @change="setQuestionDataTwo" /> <span> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.two, 1) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.two, 1) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p class="table-p">(ä¸å½ä¹¦æ³ç»ç»è¡)</p> <p class="table-p">(Chinese Snacks Provided)</p> <p class="table-p">2.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 85%" v-model="tableBlanksData.rs.two" @change="setTableBlanksData" /> <span> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.two, 1) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.two, 1) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p class="table-p">(ä¸å½ä¹¦æ³ç»ç»è¡)</p> <p class="table-p">(Chinese Snacks Provided)</p> </td> <td> Fine Arts Gallery </td> </tr> <tr class="table-tr-bc"> <td> <p class="table-p">3.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 90px" v-model="tableBlanksData.rs.three" @change="setQuestionDataTwo" /> <span> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.three, 2) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.three, 2) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p class="table-p">(5æ16æ¥ææäº)</p> <p class="table-p">9:30a.m.-1l:30a.m.</p> <td> <p class="table-p">3.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 90px" v-model="tableBlanksData.rs.three" @change="setTableBlanksData" /> <span> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.three, 2) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.three, 2) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p class="table-p">(5æ16æ¥ææäº)</p> <p class="table-p">9:30a.m.-1l:30a.m.</p> </td> <td> <p class="table-p">Aeademic Lecture</p> <p class="table-p">The Change of the Aneient Capital and the General Trend of Chinese History</p> <p class="table-p">Aeademic Lecture</p> <p class="table-p">The Change of the Aneient Capital and the General Trend of Chinese History</p> </td> <td> Conference Hall @@ -3351,7 +3357,7 @@ </tr> <tr class="table-tr-bc"> <td> <p class="table-p">Wednesday 05/17</p> <p class="table-p">Wednesday 05/17</p> <p class="table-p">6:30p.mm.-8:00p.m.</p> </td> <td> @@ -3359,63 +3365,65 @@ </td> <td> 4.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksData.rs.four" @change="setQuestionDataTwo" /> <span> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.four, 3) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.four, 3) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span>(é³ä¹å ) style="width: 100px" v-model="tableBlanksData.rs.four" @change="setTableBlanksData" /> <span> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.four, 3) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.four, 3) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span>(é³ä¹å ) </td> </tr> <tr class="table-tr-bc"> <td> <p class="table-p">Thursday 05/18</p> <p class="table-p">Thursday 05/18</p> <p class="table-p">2:00p.m.-4:00p.m.</p> </td> <td> <p class="table-p">Workshop</p> <p class="table-p">5.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksData.rs.five" @change="setQuestionDataTwo" /> <span> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.five, 4) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.five, 4) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span>(è¶é)</p> <p class="table-p">Tai Chi</p> <p class="table-p">Workshop</p> <p class="table-p">5.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksData.rs.five" @change="setTableBlanksData" /> <span> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.five, 4) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.five, 4) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span>(è¶é) </p> <p class="table-p">Tai Chi</p> <p class="table-p">Traditional Chinese CmAs</p> </td> <td> @@ -3426,10 +3434,10 @@ <!-- çæ¡ --> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEleven"> çæ¡ï¼(1)Time (2)Chinese Calligraphy & Painting Demonstration & (3)Tuesday 05/16 (4)Concert Hall (5)tea ceremony (3)Tuesday 05/16 (4)Concert Hall (5)tea ceremony </p> <!-- æ交æé® --> <!-- æ交æé® --> <div class="w100 fl ju-cn"> <ul class="fl ju-ar w80"> <li> @@ -3506,29 +3514,29 @@ <tr class="table-tr-bc"> <td style="text-wrap: nowrap"> 1<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksDataOne.ma.one" @change="setQuestionDataTwo" /> <span> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.one,0) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.one,0) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> style="width: 100px" v-model="tableBlanksDataOne.ma.one" @change="setQuestionDataTwo" /> <span> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.one, 0) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.one, 0) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </td> <td>Attend the festival activities</td> <td> @@ -3540,58 +3548,58 @@ <td>Climb the mountain</td> <td> 2.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksDataOne.ma.two" @change="setQuestionDataTwo" /> <span> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.two,1) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.two,1) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> style="width: 100px" v-model="tableBlanksDataOne.ma.two" @change="setQuestionDataTwo" /> <span> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.two, 1) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.two, 1) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </td> </tr> <tr class="table-tr-bc"> <td>Thursday</td> <td>Visit attractions in the downtown 3.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksDataOne.ma.three" @change="setQuestionDataTwo" /> <span> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.three,2) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.three,2) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> style="width: 100px" v-model="tableBlanksDataOne.ma.three" @change="setQuestionDataTwo" /> <span> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.three, 2) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.three, 2) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </td> <td> Wuhou Temple & Jinsha Site MuseumShunxing Tea House @@ -3599,99 +3607,101 @@ </tr> <tr class="table-tr-bc"> <td>Friday</td> <td> 4.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksDataOne.ma.four" @change="setQuestionDataTwo" /> <span> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.four,3) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.four,3) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span>Buy souvenirs</td> <td> 4.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksDataOne.ma.four" @change="setQuestionDataTwo" /> <span> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.four, 3) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.four, 3) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span>Buy souvenirs </td> <td> Panda Base 5. <input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksDataOne.ma.five" @change="setQuestionDataTwo" /> <span> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.five,4) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.five,4) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> style="width: 100px" v-model="tableBlanksDataOne.ma.five" @change="setQuestionDataTwo" /> <span> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.five, 4) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.five, 4) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </td> </tr> <tr class="table-tr-bc"> <td>Saturday</td> <td>6. <input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksDataOne.ma.six" @change="setQuestionDataTwo" /> <span> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.six,5) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.six,5) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> style="width: 100px" v-model="tableBlanksDataOne.ma.six" @change="setQuestionDataTwo" /> <span> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.six, 5) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.six, 5) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </td> <td> Shuangliu International Airport </td> </tr> </table> <!-- çæ¡ --> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTwelve"> <!-- çæ¡ --> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTwelve"> çæ¡ï¼(1)Tuesday (2)Mt. Qingcheng (3)Watch Sichuan opera (4)See giant pandas (5)Jinli Old Street (6)Return to Kuala Lumpur </p> <!-- æ交æé® --> <div class="w100 fl ju-cn"> <div class="w100 fl ju-cn"> <ul class="fl ju-ar w80"> <li> <button class="btn-border btn-w" @click="savaDataTableOne"> @@ -3979,137 +3989,72 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_13.jpg" /> </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" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_14.jpg" /> </div> </div> </div> @@ -4143,6 +4088,8 @@ }, data() { return { correctIcon: require('@/assets/images/correct.svg'), errorIcon: require('@/assets/images/error.svg'), imgThirteen: require("../../assets/images/grammar2-1.png"), imgThirteenOne: require("../../assets/images/grammar2-2.png"), showAnswerOne: false, @@ -4322,8 +4269,8 @@ five: "", six: "", seven: "", eight:"", nine:"", eight: "", nine: "", ten: "", eleven: "", twelve: "", @@ -4408,7 +4355,6 @@ value: [], }, testData: { check: [], tx: { one: "", two: "", @@ -4696,7 +4642,7 @@ value: [], }, //page 34 è¡¨æ ¼å 填空 tableBlanksData:{ tableBlanksData: { isComplete: false, rs: { one: "", @@ -4708,7 +4654,7 @@ }, }, //page 37 è¡¨æ ¼å 填空 tableBlanksDataOne:{ tableBlanksDataOne: { isComplete: false, ma: { one: "", @@ -4717,9 +4663,38 @@ four: "", five: "", six: "", answer: ["Tuesday", "Mt. Qingcheng", "Watch Sichuan opera", "See giant pandas", "Jinli Old Street","Return to Kuala Lumpur"], answer: ["Tuesday", "Mt. Qingcheng", "Watch Sichuan opera", "See giant pandas", "Jinli Old Street", "Return to Kuala Lumpur"], }, } }, radioOne: [ { type: 'radio', isComplete: false, isShowAnswer: false, value: [ { answer: "b", userAnswer: "", isRight: null }, { answer: "b", userAnswer: "", isRight: null }, { answer: "b", userAnswer: "", isRight: null }, { answer: "b", userAnswer: "", isRight: null }, ] } ] }; }, mounted() { @@ -4753,7 +4728,7 @@ this.tableBlanksData = JSON.parse(tableBlanksData) } const tableBlanksDataOne = localStorage.getItem("english-tableBlanksOne"); if (tableBlanksDataOne ) { if (tableBlanksDataOne) { this.tableBlanksDataOne = JSON.parse(tableBlanksDataOne) } const testData = localStorage.getItem("english-testOne"); @@ -4768,6 +4743,7 @@ if (dropdownData) { this.dropdownData = JSON.parse(dropdownData); } this.getPath(); }, methods: { @@ -4899,7 +4875,7 @@ this.check = Check; this.showAnswerEight = false }, changeTable(){ changeTable() { localStorage.removeItem("english-tableBlanksData"); const tableBlanksDatas = this.tableBlanksData for (let key in tableBlanksDatas) { @@ -4916,7 +4892,7 @@ this.$set(this.tableBlanksData, "isComplete", false); this.showAnswerEleven = false }, changeTableOne(){ changeTableOne() { localStorage.removeItem("english-tableBlanksDataOne"); const tableBlanksDataOnes = this.tableBlanksDataOne for (let key in tableBlanksDataOnes) { @@ -4934,7 +4910,6 @@ this.showAnswerTwelve = false }, setBookQuestion() { console.log("ä¿å"); localStorage.setItem( "english-book-question-one", JSON.stringify(this.questionData) @@ -4958,10 +4933,10 @@ setCheck() { localStorage.setItem("english-check", JSON.stringify(this.check)); }, setTableBlanksData(){ setTableBlanksData() { localStorage.setItem("english-tableBlanksData", JSON.stringify(this.tableBlanksData)); }, setTableBlanksDataOne(){ setTableBlanksDataOne() { localStorage.setItem("english-tableBlanksDataOne", JSON.stringify(this.tableBlanksDataOne)); }, async getPath() { @@ -5084,15 +5059,15 @@ this.isShowRight; this.showAnswerEight = true }, savaDataTable(){ savaDataTable() { this.$set(this.tableBlanksData, "isComplete", true); this.setTableBlanksData(); this.isTextRight; this.showAnswerEleven = true; }, savaDataTableOne(){ savaDataTableOne() { this.$set(this.tableBlanksDataOne, "isComplete", true); this.setTableBlanksDataOne(); this.setTableBlanksDataOne(); this.isTextRight; this.showAnswerTwelve = true; }, @@ -5148,6 +5123,44 @@ } return flag; }, savaRadioOne() { localStorage.setItem("englis-chapter02-radioOne", JSON.stringify(this.radioOne)); }, handleRadioOne() { for (let index = 0; index < this.radioOne.length; index++) { const item = this.radioOne[index]; item.isShowAnswer = true item.isComplete = true for (let cindex = 0; cindex < item.value.length; cindex++) { const citem = item.value[cindex]; if (citem.userAnswer != "") { citem.isRight = citem.answer == citem.userAnswer } else { citem.isRight = null } } this.savaRadioOne() } }, changeRadioOne() { for (let index = 0; index < this.radioOne.length; index++) { const item = this.radioOne[index]; item.isComplete = false item.isShowAnswer = false for (let cindex = 0; cindex < item.value.length; cindex++) { const citem = item.value[cindex]; citem.isRight = null citem.userAnswer = "" } } localStorage.removeItem("englis-chapter02-radioOne"); }, viewRadioOne() { for (let index = 0; index < this.radioOne.length; index++) { const item = this.radioOne[index]; item.isShowAnswer = !item.isShowAnswer } } }, }; </script> src/books/English/view/components/chapter003.vue
@@ -47,10 +47,16 @@ answer line under each picture.</b> </p> <div class="bk-wh"> <p> animal rescue and careãblood donationãcommunity clean-upsãlanguage service </p> <div style="display: flex"> <div class="left" style="width: 50%;"> <p class="tl-lf">animal rescue and care</p> <p class="tl-lf">community clean-ups</p> </div> <div class="right" style="width: 50%"> <p class="tl-lf">blood donation</p> <p class="tl-lf">language service</p> </div> </div> </div> <div class="openImgBox"> <div class="fl ju-bt"> @@ -61,7 +67,7 @@ </p> <p class="center"> 1. <select v-model="dropdownData.one.value"> <select class="w70 select-border" v-model="dropdownData.one.value"> <option v-for="(item, index) in dropDownList" :key="index" :value="item"> {{ item }} @@ -94,11 +100,12 @@ <div class="right" style="width: 48%"> <div> <p class="center"> <img src="../../assets/images/0049-3.jpg" alt="" style="width: 98%" /> <img style="margin-bottom: 2%" src="../../assets/images/0049-3.jpg" alt="" class="w100" /> </p> <p class="center"> 2. <select v-model="dropdownData.two.value"> <select class="w70 select-border" v-model="dropdownData.two.value"> <option v-for="(item, index) in dropDownList" :key="index" :value="item"> {{ item }} @@ -133,11 +140,11 @@ <div class="left" style="width: 48%"> <div> <p class="center"> <img src="../../assets/images/0049-4.jpg" alt="" style="width: 98%" /> <img src="../../assets/images/0049-4.jpg" alt="" class="w100" /> </p> <p class="center"> 3. <select v-model="dropdownData.three.value"> <select class="w70 select-border" v-model="dropdownData.three.value"> <option v-for="(item, index) in dropDownList" :key="index" :value="item"> {{ item }} @@ -170,11 +177,11 @@ <div class="right" style="width: 48%"> <div> <p class="center"> <img src="../../assets/images/0049-5.jpg" alt="" style="width: 94%" /> <img class="w100" src="../../assets/images/0049-5.jpg" alt="" /> </p> <p class="center"> 4. <select v-model="dropdownData.four.value"> <select class="w70 select-border" v-model="dropdownData.four.value"> <option v-for="(item, index) in dropDownList" :key="index" :value="item"> {{ item }} @@ -265,7 +272,8 @@ </div> <div class="right" style="width: 45%"> <p v-for="(item, index) in listenOne[0].option" :key="index"> ã<input type="radio" :value="item" name="volunteer" v-model="listenOne[0].value" /> ã<input type="radio" :value="item" name="volunteer" v-model="listenOne[0].value" @change="saveListenOneData" /> {{ item }} <span class="icon-box" v-if="listenOne[0].value == item"> <svg v-if="listenOne[0].isRight" t="1716986419862" class="icon" @@ -286,7 +294,6 @@ </svg> </span> </p> </div> </div> <div class="event-header-text-bc pd-5" v-if="listenOne[0].isShowAnswer"> @@ -320,7 +327,8 @@ </div> <div class="right" style="width: 45%"> <p v-for="(item, index) in listenOne[1].option" :key="index"> ã<input type="radio" :value="item" name="likely" v-model="listenOne[1].value" /> ã<input type="radio" :value="item" name="likely" v-model="listenOne[1].value" @change="saveListenOneData" /> {{ item }} <span class="icon-box" v-if="listenOne[1].value == item"> <svg v-if="listenOne[1].isRight" t="1716986419862" class="icon" @@ -352,7 +360,8 @@ </div> <div class="right" style="width: 50%"> <p v-for="(item, index) in listenOne[2].option" :key="index"> ã<input type="radio" :value="item" name="mentioned" v-model="listenOne[2].value" /> ã<input type="radio" :value="item" name="mentioned" v-model="listenOne[2].value" @change="saveListenOneData" /> {{ item }} <span class="icon-box" v-if="listenOne[2].value == item"> <svg v-if="listenOne[2].isRight" t="1716986419862" class="icon" @@ -457,7 +466,7 @@ <p> With busy life,it can be hard to find time to volunteer.However,the benefits of volunteering can be <span class="word-bc" >enormous</span> <span class="word-bc">enormous</span> </p> <p> One of the most well-known benefits of volunteering is the impact @@ -467,22 +476,22 @@ need.Volunteering can benefit you and your family as well as the people you choose to help.Doing volunteer work helps you make new friends, <span class="word-bc" >expand</span> <span class="word-bc">expand</span> your network,and <span class="word-bc" >boost</span> <span class="word-bc">boost</span> your social skills. </p> <p> Volunteering helps reduce the effects of stress,anger,and <span class="word-bc" >anxiety</span> <span class="word-bc">anxiety</span> .The social contact aspect of helping and working with others can have a great effect on your overall mental health.Nothing reduces stress better than a <span class="word-bc" >meaningful</span> <span class="word-bc">meaningful</span> connection to another person.Studies have found that those who volunteer have a lower <span class="word-bc" >mortality</span> <span class="word-bc">mortality</span> rate than those who do not. </p> <p> @@ -491,7 +500,7 @@ field.Even if youâre not planning to change careers,volunteering can give you the opportunity to practice important qualities and skills used in work,such as teamwork, <span class="word-bc" >communication</span> <span class="word-bc">communication</span> skills and problem-solving skills.You might feel more comfortable stretching your wings at work once youâve developed these qualities and @@ -524,17 +533,17 @@ <p> Whatâs more,volunteering is a fun and easy way to explore your interests and <span class="word-bc" >passions</span> <span class="word-bc">passions</span> .Doing volunteer work can be a relaxing, <span class="word-bc" >energizing</span> <span class="word-bc">energizing</span> escape from your day-to-day routine of work,school,or family <span class="word-bc" >commitments</span> <span class="word-bc">commitments</span> .Volunteering also provides you with <span class="word-bc" >creativity</span> with <span class="word-bc">creativity</span> ,motivation,and <span class="word-bc" >vision</span> <span class="word-bc">vision</span> that can carry over into your personal life and your career. </p> @@ -654,16 +663,16 @@ </p> </div> <div style="display: flex"> <div class="left" style="width: 45%; text-wrap: nowrap"> <div class="left" style="width: 45%;"> <p>help out 帮å©è§£å³é¾é¢ï¼æåº</p> <p>stretch oneâs wings 大å±æ³è</p> <p>carry over ï¼å¨ä¸åæ åµä¸ï¼ 继ç»åå¨ï¼ä¿æä¸å»</p> </div> <div class="right" style="width: 55%"> <p>make a difference æå½±åï¼æå ³ç³»</p> <p>whatâs more èä¸ï¼æ¤å¤</p> </div> </div> <p class="table-p" style="text-indent: 2em;">carry over ï¼å¨ä¸åæ åµä¸ï¼ 继ç»åå¨ï¼ä¿æä¸å»</p> <p></p> <p><b>â .Reading comprehension.</b></p> <matching :rawData="rawData" :question="question"></matching> @@ -695,22 +704,22 @@ ã <p> <input type="radio" value="a" name="toobusy" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[0].userAnswer" /> v-model="wordsOne[0].value[0].userAnswer" @change="savewordsOne" /> a.People are too busy to volunteer. </p> <p> <input type="radio" value="b" name="toobusy" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[0].userAnswer" /> v-model="wordsOne[0].value[0].userAnswer" @change="savewordsOne" /> b.People canât find ways to volunteer. </p> <p> <input type="radio" value="c" name="toobusy" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[0].userAnswer" /> v-model="wordsOne[0].value[0].userAnswer" @change="savewordsOne" /> c.There is no benefit in volunteering. </p> <p> <input type="radio" value="d" name="toobusy" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[0].userAnswer" /> v-model="wordsOne[0].value[0].userAnswer" @change="savewordsOne" /> d.The volunteer work is too hard to do. </p> <p> @@ -736,22 +745,22 @@ </p> <p> <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[1].userAnswer" /> v-model="wordsOne[0].value[1].userAnswer" @change="savewordsOne" /> a.Volunteering is a win-win behavior for both parties. </p> <p> <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[1].userAnswer" /> v-model="wordsOne[0].value[1].userAnswer" @change="savewordsOne" /> b.Small acts of helping others also matter. </p> <p> <input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[1].userAnswer" /> v-model="wordsOne[0].value[1].userAnswer" @change="savewordsOne" /> c.Those who volunteer enjoy a lower mortality rate. </p> <p> <input type="radio" value="d" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[1].userAnswer" /> v-model="wordsOne[0].value[1].userAnswer" @change="savewordsOne" /> d.Volunteering has nothing to do with oneâs mental health. </p> <p> @@ -776,17 +785,17 @@ </span> </p> <p> <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete" <input type="radio" value="a" name="development" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[2].userAnswer" /> a.Providing one with a new career. </p> <p> <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete" <input type="radio" value="b" name="development" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[2].userAnswer" /> b.Helping to arouse oneâs interests. </p> <p> <input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete" <input type="radio" value="c" name="development" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[2].userAnswer" /> c.Offering an opportunity to practice working skills. </p> @@ -813,8 +822,8 @@ <div class="padding-93"> <div class="bodystyle"> <p> <input type="radio" value="d" name="bothparties" v-model="wordsOne[0].value[2].userAnswer" /> <input type="radio" value="d" name="development" v-model="wordsOne[0].value[2].userAnswer" @change="savewordsOne" /> d.Bringing more comfort to those who are at work. </p> <p> @@ -839,23 +848,23 @@ </span> </p> <p> <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[3].userAnswer" /> <input type="radio" value="a" name="paragraph" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[3].userAnswer" @change="savewordsOne" /> a.Making a plan before volunteering. </p> <p> <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[3].userAnswer" /> <input type="radio" value="b" name="paragraph" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[3].userAnswer" @change="savewordsOne" /> b.Preparing a résumé in advance. </p> <p> <input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[3].userAnswer" /> <input type="radio" value="c" name="paragraph" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[3].userAnswer" @change="savewordsOne" /> c.Taking a physical and mental health check. </p> <p> <input type="radio" value="d" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[3].userAnswer" /> <input type="radio" value="d" name="paragraph" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[3].userAnswer" @change="savewordsOne" /> d.Spending some time volunteering. </p> <p> @@ -880,23 +889,23 @@ </span> </p> <p> <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[4].userAnswer" /> <input type="radio" value="a" name="volunteering" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[4].userAnswer" @change="savewordsOne" /> a.Indifferent. </p> <p> <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[4].userAnswer" /> <input type="radio" value="b" name="volunteering" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[4].userAnswer" @change="savewordsOne" /> b.Supportive. </p> <P> <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[4].userAnswer" /> <input type="radio" value="b" name="volunteering" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[4].userAnswer" @change="savewordsOne" /> c.Opposed. </P> <P> <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[4].userAnswer" /> <input type="radio" value="b" name="volunteering" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[4].userAnswer" @change="savewordsOne" /> d.Unknown. </P> <p class="event-header-text-bc pd-5" style="width: 90%" v-if="wordsOne[0].isShowAnswer"> @@ -910,7 +919,7 @@ <p> There are e <input :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="wordsOne[1].value[0].userAnswer" @change="setTestData" /> style="width: 60px" v-model="wordsOne[1].value[0].userAnswer" @change="savewordsOne" /> <span> <svg v-if="wordsOne[1].value[0].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" @@ -933,7 +942,7 @@ community a better place,and it also helps you to connect to people and b<input :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="wordsOne[1].value[1].userAnswer" @change="setTestData" /> v-model="wordsOne[1].value[1].userAnswer" @change="savewordsOne" /> <span> <svg v-if="wordsOne[1].value[1].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" @@ -953,7 +962,7 @@ </svg> </span>your social skills.Second,volunteering helps to deal with stress,anger and a<input :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="wordsOne[1].value[2].userAnswer" @change="setTestData" /> v-model="wordsOne[1].value[2].userAnswer" @change="savewordsOne" /> <span> <svg v-if="wordsOne[1].value[2].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" @@ -972,7 +981,7 @@ fill="#d81e06" p-id="25746"></path> </svg> </span>.Studies show that people who volunteer have a lower m<input :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="wordsOne[1].value[3].userAnswer" @change="setTestData" /> style="width: 60px" v-model="wordsOne[1].value[3].userAnswer" @change="savewordsOne" /> <span> <svg v-if="wordsOne[1].value[3].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" @@ -992,7 +1001,7 @@ at work.Fourth,when you are tied up with the daily routine,volunteering can be an e<input :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="wordsOne[1].value[4].userAnswer" @change="setTestData" /> v-model="wordsOne[1].value[4].userAnswer" @change="savewordsOne" /> <span> <svg v-if="wordsOne[1].value[4].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" @@ -1011,7 +1020,7 @@ fill="#d81e06" p-id="25746"></path> </svg> </span>escape,where you can find your interests and p<input :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="wordsOne[1].value[5].userAnswer" @change="setTestData" /> style="width: 60px" v-model="wordsOne[1].value[5].userAnswer" @change="savewordsOne" /> <span> <svg v-if=" wordsOne[1].value[5].isRight @@ -1046,7 +1055,7 @@ {{ index + 1 }}.{{ item.stem }} <textarea v-model="item.userAnswer" placeholder="请è¾å ¥å 容" rows="6" :disabled="wordsOne[2].isComplete" style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> class="fz-16 fm-son" @change="savewordsOne"></textarea> </p> <!-- ä¾å¥ --> <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" @@ -1080,7 +1089,7 @@ </p> <p> <input :disabled="wordsOne[3].isComplete" type="text" class="input-bottom-border" style="width: 470px" v-model="wordsOne[3].value[0].userAnswer" @change="setTestData" /> style="width: 470px" v-model="wordsOne[3].value[0].userAnswer" @change="savewordsOne" /> </p> <p> 2.Serving in the Beijing 2022 Winter Olympics was a meaningful and @@ -1088,7 +1097,7 @@ </p> <p> <input :disabled="wordsOne[3].isComplete" type="text" class="input-bottom-border" style="width: 470px" v-model="wordsOne[3].value[1].userAnswer" @change="setTestData" /> style="width: 470px" v-model="wordsOne[3].value[1].userAnswer" @change="savewordsOne" /> </p> </div> </div> @@ -1118,7 +1127,7 @@ </p> <p> <input :disabled="wordsOne[3].isComplete" type="text" class="input-bottom-border" style="width: 470px" v-model="wordsOne[3].value[2].userAnswer" @change="setTestData" /> style="width: 470px" v-model="wordsOne[3].value[2].userAnswer" @change="savewordsOne" /> </p> <p> 4.Volunteering in different programs helps him grow up to be a man @@ -1126,7 +1135,7 @@ </p> <p> <input :disabled="wordsOne[3].isComplete" type="text" class="input-bottom-border" style="width: 470px" v-model="wordsOne[3].value[3].userAnswer" @change="setTestData" /> style="width: 470px" v-model="wordsOne[3].value[3].userAnswer" @change="savewordsOne" /> </p> <!-- çæ¡ --> <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" @@ -1158,7 +1167,7 @@ <p> 1.Encouraged by other volunteers,he<input :disabled="wordsOne[4].isComplete" type="text" class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[0].userAnswer" @change="setTestData" /> v-model="wordsOne[4].value[0].userAnswer" @change="savewordsOne" /> <span> <svg v-if="wordsOne[4].value[0].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" @@ -1182,7 +1191,7 @@ <p> 2.At the moment,I<input :disabled="wordsOne[4].isComplete" type="text" class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[1].userAnswer" @change="setTestData" /> v-model="wordsOne[4].value[1].userAnswer" @change="savewordsOne" /> <span> <svg v-if="wordsOne[4].value[1].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" @@ -1205,7 +1214,7 @@ </p> <p> 3.What you<input :disabled="wordsOne[4].isComplete" type="text" class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[2].userAnswer" @change="setTestData" /> style="width: 70px" v-model="wordsOne[4].value[2].userAnswer" @change="savewordsOne" /> <span> <svg v-if="wordsOne[4].value[2].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" @@ -1229,7 +1238,7 @@ <p> 4.Currently,they<input :disabled="wordsOne[4].isComplete" type="text" class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[3].userAnswer" @change="setTestData" /> v-model="wordsOne[4].value[3].userAnswer" @change="savewordsOne" /> <span> <svg v-if="wordsOne[4].value[3].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" @@ -1253,7 +1262,7 @@ <p> 5.The smile on her face says that she<input :disabled="wordsOne[4].isComplete" type="text" class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[4].userAnswer" @change="setTestData" /> v-model="wordsOne[4].value[4].userAnswer" @change="savewordsOne" /> <span> <svg v-if="wordsOne[4].value[4].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" @@ -1290,7 +1299,7 @@ <p>å¿æ¿è æ£å¨è¾ 导å©å们åå课ã</p> <textarea v-model="wordsOne[5].value[0].userAnswer" placeholder="请è¾å ¥å 容" rows="6" :disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> class="fz-16 fm-son" @change="savewordsOne"></textarea> </div> <div class="fieldset-2"> <p class="center"> @@ -1299,7 +1308,7 @@ <p>å¦ç们æ£å¨å¸®å¿ååæ´»ã</p> <textarea v-model="wordsOne[5].value[1].userAnswer" placeholder="请è¾å ¥å 容" rows="6" :disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> class="fz-16 fm-son" @change="savewordsOne"></textarea> </div> </div> </div> @@ -1330,7 +1339,7 @@ <p>å¿æ¿è æ£å¨æ²æ»©ä¸æ¸ çåå¾ã</p> <textarea v-model="wordsOne[5].value[2].userAnswer" placeholder="请è¾å ¥å 容" rows="6" :disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> class="fz-16 fm-son" @change="savewordsOne"></textarea> </div> <div class="fieldset-2"> <p class="center"> @@ -1339,7 +1348,7 @@ <p>å¿æ¿è æ£å¨è¿è¡è¡£ç©æèµ æ´»å¨ã</p> <textarea v-model="wordsOne[5].value[3].userAnswer" placeholder="请è¾å ¥å 容" rows="6" :disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> class="fz-16 fm-son" @change="savewordsOne"></textarea> </div> <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="wordsOne[3].isShowAnswer"> @@ -1516,33 +1525,23 @@ </p> <div class="bk-wh"> <p class="dl-box"> <span class="word-bc mr-20 dl-span" > blood <span class="word-bc mr-20 dl-span"> blood donation</span> <span class="word-bc mr-20 dl-span" >volunteer teacher</span> <span class="word-bc mr-20 dl-span" >community service</span> <span class="word-bc mr-20 dl-span" >nursing <span class="word-bc mr-20 dl-span">volunteer teacher</span> <span class="word-bc mr-20 dl-span">community service</span> <span class="word-bc mr-20 dl-span">nursing home</span> <span class="word-bc mr-20 dl-span" >rewarding</span> <span class="word-bc mr-20 dl-span" >challenging</span> <span class="word-bc mr-20 dl-span" >demanding</span> <span class="word-bc mr-20 dl-span" >interesting</span> <span class="word-bc mr-20 dl-span" >overwhelming</span> <span class="word-bc mr-20 dl-span" >moving</span> <span class="word-bc mr-20 dl-span" >merciful</span> <span class="word-bc mr-20 dl-span" >kind-hearted</span> <span class="word-bc mr-20 dl-span" >appreciate</span> <span class="word-bc mr-20 dl-span">rewarding</span> <span class="word-bc mr-20 dl-span">challenging</span> <span class="word-bc mr-20 dl-span">demanding</span> <span class="word-bc mr-20 dl-span">interesting</span> <span class="word-bc mr-20 dl-span">overwhelming</span> <span class="word-bc mr-20 dl-span">moving</span> <span class="word-bc mr-20 dl-span">merciful</span> <span class="word-bc mr-20 dl-span">kind-hearted</span> <span class="word-bc mr-20 dl-span">appreciate</span> <span class="word-bc mr-20 dl-span">cherish</span> <span class="word-bc mr-20 dl-span" >respect</span> <span class="word-bc mr-20 dl-span">respect</span> </p> </div> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;"> @@ -1551,137 +1550,147 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_18.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_19.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_20.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_21.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_22.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_23.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_24.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_25.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_26.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_27.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_28.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_29.jpg" /> </div> </div> </div> @@ -1701,6 +1710,14 @@ better place and making a difference in people's lives.Work with your partner to do research online and match the following organizations with their missions.</b> <span class="btn-box" @click="viewSelectData"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <path class="a" d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" transform="translate(-3327.144 15329)" /> </svg> </span> </p> </div> </div> @@ -1724,43 +1741,165 @@ <!-- å 容 --> <div class="padding-93"> <div class="bodystyle"> <p class="center"> <img class="img-a" alt="" src="../../assets/images/0056-1.jpg" /> <p class="tl-lf"> a. Its mission is to protect the lives and dignityof victims of armed conflict and violence and toprovide them with assistance. </p> <p class="tl-lf"> b. It saves wildlife and wilderness worldwidethrough science, conservation action, education,and inspires people to value nature. </p> <p class="tl-lf"> c.It is committed to helping young people andto improving the environment for their growth in China. </p> <p class="tl-lf"> d. It works in over 190 countries and territoriesto save children's lives, to defend their rights,and to help them fulfill their potential, fromearly childhood through adolescence. </p> <div class="openImgBox"> <div class="fl ju-bt"> <div class="left" style="width: 48%"> <div> <p class="center"> <img style="margin-bottom: 1.5%" src="../../assets/images/page47selectOne.png" alt="" class="w100" /> </p> <p class="center"> 1. <select class="w45 select-border" v-model="selectData[0].value[0].userAnswer" @change="handleSelectData"> <option v-for="(item, index) in selectData[0].option" :key="index" :value="item"> {{ item }} </option> </select> <span class="icon-box" v-if="selectData[0].value[0].isRight == true || selectData[0].value[0].isRight == false"> <img :src="selectData[0].value[0].isRight ? correctIcon : errorIcon" alt=""> </span> </p> </div> </div> <div class="right" style="width: 48%"> <div> <p class="center"> <img src="../../assets/images/page47selectTwo.png" alt="" class="w100" /> </p> <p class="center"> 2. <select class="w45 select-border" v-model="selectData[0].value[1].userAnswer" @change="handleSelectData"> <option v-for="(item, index) in selectData[0].option" :key="index" :value="item"> {{ item }} </option> </select> <span class="icon-box" v-if="selectData[0].value[1].isRight == true || selectData[0].value[1].isRight == false"> <img :src="selectData[0].value[1].isRight ? correctIcon : errorIcon" alt=""> </span> </p> </div> </div> </div> <div class="fl ju-bt"> <div class="left" style="width: 48%"> <div> <p class="center"> <img style="margin: 12.5% 0%" src="../../assets/images/page47selectThree.png" alt="" class="w100" /> </p> <p class="center"> 3. <select class="w45 select-border" v-model="selectData[0].value[2].userAnswer" @change="handleSelectData"> <option v-for="(item, index) in selectData[0].option" :key="index" :value="item"> {{ item }} </option> </select> <span class="icon-box" v-if="selectData[0].value[2].isRight == true || selectData[0].value[2].isRight == false"> <img :src="selectData[0].value[2].isRight ? correctIcon : errorIcon" alt=""> </span> </p> </div> </div> <div class="right" style="width: 48%"> <div> <p class="center"> <img src="../../assets/images/page47selectFour.png" alt="" class="w100" /> </p> <p class="center"> 4. <select class="w45 select-border" v-model="selectData[0].value[3].userAnswer" @change="handleSelectData"> <option v-for="(item, index) in selectData[0].option" :key="index" :value="item"> {{ item }} </option> </select> <span class="icon-box" v-if="selectData[0].value[3].isRight == true || selectData[0].value[3].isRight == false"> <img :src="selectData[0].value[3].isRight ? correctIcon : errorIcon" alt=""> </span> </p> </div> </div> </div> </div> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="selectData[0].isShowAnswer"> <span>çæ¡ï¼</span> <p v-for="(item, index) in selectData[0].value" :key="index" > {{ index + 1 }}.{{ item.answer }} </p> </div> <h3 id="c024"><span class="bjh3">Reading</span></h3> <p> 1.More and more organizations and individuals in China are working in public service.Can you name a few? <span class="btn-box" @click="showNoSubmitAnswer(3,0)"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <path class="a" d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" transform="translate(-3327.144 15329)" /> <span class="btn-box" @click="showNoSubmitAnswer(3, 0)"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <path class="a" d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" transform="translate(-3327.144 15329)" /> </svg> </span> </p> <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[0].userAnswer" class="w100" @input="saveNoSubmitData"></textarea> <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[0].userAnswer" class="w100" @input="saveNoSubmitData"></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[0].isShowAnswer"> <span>çæ¡ï¼</span> <P v-for="(item,index) in noSubmitData[3].value[0].answer"> {{index + 1}}.{{item}} <P v-for="(item, index) in noSubmitData[3].value[0].answer" :key="index"> {{ index + 1 }}.{{ item }} </p> </div> <p> 2.What changes do they bring to China? <span class="btn-box" @click="showNoSubmitAnswer(3,1)"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <path class="a" d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" transform="translate(-3327.144 15329)" /> <span class="btn-box" @click="showNoSubmitAnswer(3, 1)"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <path class="a" d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" transform="translate(-3327.144 15329)" /> </svg> </span> </p> <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[1].userAnswer" class="w100" @input="saveNoSubmitData"></textarea> <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[1].userAnswer" class="w100" @input="saveNoSubmitData"></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[1].isShowAnswer"> <span>çæ¡ï¼</span> <P v-for="(item,index) in noSubmitData[3].value[1].answer"> {{index + 1}}.{{item}} <P v-for="(item, index) in noSubmitData[3].value[1].answer" :key="index"> {{ index + 1 }}.{{ item }} </p> </div> <p class="center"><b>How to Light Up the World</b></p> @@ -1773,16 +1912,16 @@ </p> <p> If you go all over the world to very <span class="word-bc" >remote</span> <span class="word-bc">remote</span> villages,you will often find only very old people and very young people.The men have already left.So,we came up with the simple <span class="word-bc" >solution</span> <span class="word-bc">solution</span> of training grandmothers.Grandmothers are <span class="word-bc" >compassionate</span> <span class="word-bc">compassionate</span> , <span class="word-bc" >tolerant</span> <span class="word-bc">tolerant</span> ,willing to learn,and patient.All the qualities that you need are there. </p> @@ -1790,15 +1929,15 @@ Barefoot College follows the lifestyle of Gandhi:Students eat,sleep,and work on the floor.They can stay for 20 years,or they can go home tomorrow.As of today,weâve trained 604 women <span class="word-bc" >solar</span> <span class="word-bc">solar</span> engineers from 1,083 villages in 63 countries. </p> <p> The engineers have solar- <span class="word-bc" >electrified</span> <span class="word-bc">electrified</span> 45,000 houses.Please remember that our students are <span class="word-bc" >primarily</span> <span class="word-bc">primarily</span> women who have never left their villages before.They hate the idea of leaving their families and getting on a plane.When they reach India,sometimes after 19 hours @@ -1831,11 +1970,11 @@ do all the training in sign language.Yet in six months,they will know more about solar engineering than most university graduates.Some women face problems at home for <span class="word-bc" >attend</span> <span class="word-bc">attend</span> ing Barefoot College.In most of these traditional societies,the husband says,âIf you go for <span class="word-bc" >training</span> <span class="word-bc">training</span> ,donât come back to me.I will take another wife.â Then the wife goes,and when she returns,she helps provide her village with solar electricity.And her husband @@ -1845,7 +1984,7 @@ <p> We taught a woman from Afghanistan.It was the first time a grandmother had left her village. <span class="word-bc" >Afterwards</span> <span class="word-bc">Afterwards</span> ,at a community gathering,she went to sit with the men,who said,âWhat do you think youâre doing? You should be sitting with the women.â And she said @@ -1861,9 +2000,9 @@ </p> <p> Iâll end the passage with a <span class="word-bc" >quotation</span> <span class="word-bc">quotation</span> from Gandhi:âFirst they <span class="word-bc" >ignore</span> <span class="word-bc">ignore</span> you,then they laugh at you,then they fight you,and then you win.â </p> @@ -2565,137 +2704,92 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_17.jpg" /> </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" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_18.jpg" /> </div> </div> </div> @@ -2736,11 +2830,11 @@ <!--controlslist="noplaybackrate nodownload"åé¢çé³é¢æ¡å å ¥è¿ä¸ª--> </h3> <p> <b>â .Listen to the recording and fill in the blanks with what you <b>â .Listen to the recording and fill in the blanks with what you hear.</b> </p> <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" class="audio"></audio> class="audio"></audio> <p> Just now,I was giving people <input type="text" :disabled="listenThree[0].isComplete" @@ -2923,7 +3017,7 @@ questions.</b> </p> <audio :src="resource.listenFour" controls controlslist="noplaybackrate nodownload" class="audio"></audio> class="audio"></audio> <p> 1.When did Mr.Crossman start volunteering? <span class="icon-box" v-if="listenThree[1].isComplete"> @@ -3419,24 +3513,24 @@ <div class="fl wh-no w100"> <span>University/College:</span> <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[8].userAnswer" v-model="practicalWriting[1].value[9].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree"> </div> <div> <div>Other qualifcations, short courses and training</div> <textarea name="" id="" cols="30" rows="10" v-model="practicalWriting[1].value[9].userAnswer" class="w100"></textarea> v-model="practicalWriting[1].value[10].userAnswer" class="w100"></textarea> </div> <div class="fl wh-no w100"> <span>Language level:</span> <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[8].userAnswer" v-model="practicalWriting[1].value[11].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree"> </div> <div> <div>Volunteering experience</div> <textarea name="" id="" cols="30" rows="10" v-model="practicalWriting[1].value[9].userAnswer" class="w100"></textarea> v-model="practicalWriting[1].value[12].userAnswer" class="w100"></textarea> </div> </div> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="practicalWriting[1].isShowAnswer"> @@ -3605,139 +3699,75 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_14.jpg" /> </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> @@ -3769,6 +3799,8 @@ }, data() { return { correctIcon: require('@/assets/images/correct.svg'), errorIcon: require('@/assets/images/error.svg'), imgThirteen: require("../../assets/images/grammar3-1.png"), imgThirteenOne: require("../../assets/images/grammar3-1.png"), showAnswerOne: false, @@ -4450,27 +4482,27 @@ ] }, { type:'shortAnswer', value:[ type: 'shortAnswer', value: [ { userAnswer:'', answer:[ userAnswer: '', answer: [ 'China Rural Doctors Program', 'China Foundation for Rural Development', 'Shanghai Oasis Green Food Bank', 'é±ä¸è(Qian Qihu)' ], isShowAnswer:false, isShowAnswer: false, }, { userAnswer:'', answer:[ userAnswer: '', answer: [ 'China Rural Doctors Program helps to improve the medical treatment levels of the rural doctors so that people in the rural areas can receive more proper treatments when getting ill.', 'Over the eight years of battle against poverty, China Foundation for Rural Development has raised RMB 5.199 billion of funds and materials in total and benefited 35.3776 million person-times.', 'Since 2014, Oasis Food Bank has helped 234 food manufacturers save over 755 tons of food that would have been wasted. 285 non-profit organizations, communities, and schools have become authorized distribution points. Over 80,000 volunteers have participated in sorting and distributing surplus food for people in need.', 'Qian has spent over 60 years studying protection engineering, helping China to build an indestructible âUnderground Steel Great Wall.â He proposed and realized the defensive requirements in the construction of subways across the country. Not only defensive infrastructure, but also many national projects that already play a key part in Chinese peopleâs life have links to his work, including the Nanjing Yangtze River Tunnel, the Hong Kong-Zhuhai-Macao Bridge, and the giant South-to-North Water Transfer Project. And his generosity has helped a lot of children in need.', ], isShowAnswer:false, isShowAnswer: false, }, ] } @@ -5147,6 +5179,47 @@ ] }, ], selectData: [ { type: 'select', isComplete: false, isShowAnswer: false, option: [ "a", "b", "c", "d", ], value: [ { userAnswer: "", answer: "b", isRight: null }, { userAnswer: "", answer: "d", isRight: null }, { userAnswer: "", answer: "a", isRight: null }, { userAnswer: "", answer: "c", isRight: null }, ] } ] }; }, mounted() { @@ -5173,6 +5246,8 @@ if (listenThree) this.listenThree = JSON.parse(listenThree) const practicalWriting = localStorage.getItem('english-chapter03-practicalWriting') if (practicalWriting) this.practicalWriting = JSON.parse(practicalWriting) const selectData = localStorage.getItem('english-chapter03-selectData') if (selectData) this.selectData = JSON.parse(selectData) this.getPath(); @@ -5391,6 +5466,7 @@ item.value = '' item.isRight = null item.isComplete = false item.isShowAnswer = false } }, // åªéè¦ä¿åçé¢ç®æ°æ® @@ -5425,7 +5501,7 @@ viewwordsOne() { for (let index = 0; index < this.wordsOne.length; index++) { const item = this.wordsOne[index]; item.isShowAnswer = true item.isShowAnswer = !item.isShowAnswer } }, handelwordsOne() { @@ -5438,6 +5514,7 @@ citem.isRight = citem.userAnswer == citem.answer } } this.savewordsOne(); }, saveminiTable() { console.log(1); @@ -5582,8 +5659,34 @@ item.isShowAnswer = !item.isShowAnswer } }, showNoSubmitAnswer(index,num) { this.$set(this.noSubmitData[index].value[num],'isShowAnswer',!this.noSubmitData[index].value[num].isShowAnswer) showNoSubmitAnswer(index, num) { this.$set(this.noSubmitData[index].value[num], 'isShowAnswer', !this.noSubmitData[index].value[num].isShowAnswer) }, saveSelectData() { localStorage.setItem('english-chapter03-selectData', JSON.stringify(this.selectData)) }, handleSelectData() { for (let index = 0; index < this.selectData.length; index++) { const item = this.selectData[index]; item.isComplete = true if (item.type == 'select') { for (let cindex = 0; cindex < item.value.length; cindex++) { const citem = item.value[cindex]; if (citem.userAnswer == "") { return } else { citem.isRight = citem.userAnswer == citem.answer this.saveSelectData() } } } } }, viewSelectData() { for (let index = 0; index < this.selectData.length; index++) { const item = this.selectData[index]; item.isShowAnswer = !item.isShowAnswer } }, }, }; src/books/English/view/components/chapter004.vue
Diff too large src/books/English/view/components/chapter005.vue
@@ -678,10 +678,10 @@ v-model="questionDataOne.rp.one" @change="setQuestionDataOne" /></p> <p>2.Which city in the U.S.has set a goal to be zero-waste by 2050?</p> <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80" v-model="questionDataOne.rp.one" @change="setQuestionDataOne" /></p> v-model="questionDataOne.rp.two" @change="setQuestionDataOne" /></p> <p>3.Who should lead the campaign against plastic pollution?</p> <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80" v-model="questionDataOne.rp.one" @change="setQuestionDataOne" /></p> v-model="questionDataOne.rp.three" @change="setQuestionDataOne" /></p> <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showAnswerReading"> <p class="table-p tl-lf">çæ¡</p> @@ -1506,137 +1506,112 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_18.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_19.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_20.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_21.jpg" /> </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" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_22.jpg" /> </div> </div> </div> @@ -1684,7 +1659,7 @@ <p> <span v-for="(citem, cindex) in choiceData[0].option " :key="cindex"> <input type="radio" :name="item.stem" :value="citem.value" v-model="item.userAnswer" /> v-model="item.userAnswer" @change="saveChoiceData" /> {{ citem.value }}.{{ citem.label }} </span> </p> @@ -1844,8 +1819,8 @@ <span class="word-bc" >vegans</span> .It turns out that <span class="word-bc" >eliminat</span> ing meat from your diet can reduce your carbon <span class="word-bc">eliminating</span> meat from your diet can reduce your carbon <span class="word-bc">emissions</span> by half.A vegan diet was connected with the least amount of greenhouse gas emissionsâ99 percent to 102 percent @@ -2170,6 +2145,13 @@ </p> </div> </div> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showAnswerReadingOne"> çæ¡ï¼ 1.Driving to work in cars 2.Eating much meat 3.Eating imported fruits </p> <p>B.Decide whether the following statements are true (T) or false (F).</p> <p>(<select class="select-border" :disabled="questionDataTwo.isComplete" v-model="questionDataTwo.dt.one.value" style="width: 8%"> @@ -2285,6 +2267,10 @@ fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showAnswerReadingOne"> çæ¡ï¼ 1.F 2.T 3.F 4.F 5.T </p> <p><b>â ¡.Language focus.</b></p> <p>A.Replace the words or expression,in italics with the exact words in the passage and change @@ -2420,6 +2406,10 @@ </svg> </span> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showAnswerReadingOne"> çæ¡ï¼ 1.crisp 2.survive 3.eliminate 4.Emission 5.figured </p> <p>B.Fill in the blanks with the proper form of the expressions given below.</p> <div class="bk-wh"> <p>carbon footprintãbig timeãturn outãreflect onãreach for</p> @@ -2554,6 +2544,10 @@ </svg> </span> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showAnswerReadingOne"> çæ¡ï¼ 1.reflect on 2.big time 3.reached for 4.carbon footprint 5.turns out </p> </div> </div> <div class="preface-bottom"> @@ -2611,6 +2605,13 @@ <p>She switched off all the lights after each class.</p> <p><input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border w80" v-model="questionDataTwo.rf.five" @change="setQuestionDataTwo" /></p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showAnswerReadingOne"> çæ¡ï¼ 1.We work hard to make a better life. 2.Iâm sorry to send the urgent email to a wrong person. 3.I was shocked to hear the news that temperatures at North Pole were more than 50°F warmer than average. 4.It was warm-hearted of the 70-year-old grandma to clean 52 beaches in one year. 5.It was environmentally conscious of Miss Li to switch off all the lights after each class. </p> <div class="w100 fl ju-cn"> <ul class="fl ju-ar w80"> <li> @@ -2624,7 +2625,7 @@ </button> </li> <li> <button class="parimary-btn"> <button @click="showAnswerReadingOne = !showAnswerReadingOne" class="parimary-btn"> æ¥ççæ¡ </button> </li> @@ -2779,137 +2780,107 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_18.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_19.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_20.jpg" /> </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" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_21.jpg" /> </div> </div> </div> @@ -2971,7 +2942,7 @@ <td> I've seen all kinds of l.<input :disabled="questionDataThree.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" v-model="questionDataThree.eo.one" @change="setQuestionDataTwo" /> v-model="questionDataThree.eo.one" @change="setQuestionDataThree" /> <span> <svg v-if=" questionDataThree.isComplete && @@ -2995,7 +2966,7 @@ </svg> </span>ï¼bugs and 2.<input :disabled="questionDataThree.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" v-model="questionDataThree.eo.two" @change="setQuestionDataTwo" /> v-model="questionDataThree.eo.two" @change="setQuestionDataThree" /> <span> <svg v-if=" questionDataThree.isComplete && @@ -3030,7 +3001,7 @@ They changed wolves into dogs, rivers into lakes, and us into 3.<input :disabled="questionDataThree.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" v-model="questionDataThree.eo.three" @change="setQuestionDataTwo" /> v-model="questionDataThree.eo.three" @change="setQuestionDataThree" /> <span> <svg v-if=" questionDataThree.isComplete && @@ -3055,7 +3026,7 @@ </span> They started using the 4.<input :disabled="questionDataThree.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" v-model="questionDataThree.eo.four" @change="setQuestionDataTwo" /> v-model="questionDataThree.eo.four" @change="setQuestionDataThree" /> <span> <svg v-if=" questionDataThree.isComplete && @@ -3090,7 +3061,7 @@ I don't know, If they don't figure put that they're part of 5.<input :disabled="questionDataThree.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" v-model="questionDataThree.eo.five" @change="setQuestionDataTwo" /> v-model="questionDataThree.eo.five" @change="setQuestionDataThree" /> <span> <svg v-if=" questionDataThree.isComplete && @@ -3131,7 +3102,7 @@ <p class="table-p center">James</p> <div class="fl"> <select class="select-border w80" :disabled="questionDataThree.isComplete" v-model="questionDataThree.tp.one.value"> v-model="questionDataThree.tp.one.value" @change="setQuestionDataThree"> <option v-for="(item, index) in questionDataThree.tp.tpList" :key="index" :value="item"> {{ item }} @@ -3162,7 +3133,7 @@ <p class="table-p center">Amy</p> <div class="fl"> <select class="select-border w80" :disabled="questionDataThree.isComplete" v-model="questionDataThree.tp.two.value"> v-model="questionDataThree.tp.two.value" @change="setQuestionDataThree"> <option v-for="(item, index) in questionDataThree.tp.tpList" :key="index" :value="item"> {{ item }} @@ -3193,7 +3164,7 @@ <p class="table-p center">Tim</p> <div class="fl"> <select class="select-border w80" :disabled="questionDataThree.isComplete" v-model="questionDataThree.tp.three.value"> v-model="questionDataThree.tp.three.value" @change="setQuestionDataThree"> <option v-for="(item, index) in questionDataThree.tp.tpList" :key="index" :value="item"> {{ item }} @@ -3224,7 +3195,7 @@ <p class="table-p center">James</p> <div class="fl"> <select class="select-border w80" :disabled="questionDataThree.isComplete" v-model="questionDataThree.tp.four.value"> v-model="questionDataThree.tp.four.value" @change="setQuestionDataThree"> <option v-for="(item, index) in questionDataThree.tp.tpList" :key="index" :value="item"> {{ item }} @@ -3833,137 +3804,87 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_16.jpg" /> </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" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_17.jpg" /> </div> </div> </div> @@ -4008,7 +3929,7 @@ </div> </div> </div> <div class="preface-bottom"> <div class="preface-bottom" style="margin-top: 60%"> <span class="contet-num-box">96</span> </div> </div> @@ -4043,6 +3964,7 @@ showAnswerEleven: false, showAnswerTwelve: false, showAnswerReading: false, showAnswerReadingOne: false, showImg: false, showImgOne: false, showQuestionAnswer: false, @@ -4712,6 +4634,11 @@ this.questionDataFour = JSON.parse(questionDataFour); } const choiceData = localStorage.getItem('english-chapter05-choiceData') if (choiceData) { this.choiceData = JSON.parse(choiceData); } this.getPath(); }, methods: { @@ -4719,7 +4646,6 @@ localStorage.setItem("english-testOne", JSON.stringify(this.testData)); }, setBookQuestion() { console.log("ä¿å"); localStorage.setItem( "english-book-question-one", JSON.stringify(this.questionData) @@ -4868,7 +4794,6 @@ }, saveDataTwo() { const savaDataTwos = this.questionDataTwo; console.log(savaDataTwos, 123); for (let key in savaDataTwos) { let item = savaDataTwos[key] if (key != "isComplete" && key != "check" && key != "rw" && key != "fb" && key != "rf") { @@ -4883,6 +4808,7 @@ this.questionDataTwo = savaDataTwos; this.$set(this.questionDataTwo, "isComplete", true); this.setQuestionDataTwo(); this.showAnswerReadingOne = true; }, changeQuestionDataTwo() { localStorage.removeItem("english-chapter05-questionDataTwo"); @@ -4907,9 +4833,9 @@ item.value = []; } } console.log(savaDataTwos, 1433233) this.questionDataTwo = savaDataTwos; this.$set(this.questionDataTwo, "isComplete", false); this.showAnswerReadingOne = false; }, handleChoiceData() { for (let index = 0; index < this.choiceData.length; index++) { @@ -4923,6 +4849,7 @@ item.userScore += data.score } } this.saveChoiceData(); }, changeChoiceData() { for (let index = 0; index < this.choiceData.length; index++) { @@ -4935,6 +4862,10 @@ citem.userAnswer = ""; } } localStorage.removeItem('english-chapter05-choiceData') }, saveChoiceData(){ localStorage.setItem('english-chapter05-choiceData', JSON.stringify(this.choiceData)) }, handleQuestionDataThree() { const questionDataThrees = this.questionDataThree; src/books/English/view/components/chapter006.vue
Diff too large src/books/English/view/components/chapter007.vue
@@ -295,13 +295,55 @@ class="audio"></audio> </h3> <p><b>Listen to the monologue about workplace success and fill in the blanks with what you hear.</b></p> <p>Do you want to succeed in the workplace? Try your best for_____in everything you do.Excellence means to be the best in_____you do.Giving your 100% every time will help you achieve that excellence in no time at all.Put all your_____in whatever you do and achieve the best results.Care about the_____of your work and be willing to put in extra effort when necessary.You will get more_____to grow as an individual and make great progress within yourcareer.People with strong work ethic always a_______lot in return.</p> hear.</b> <span class="btn-box" @click="viewReadingOne"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <path class="a" d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" transform="translate(-3327.144 15329)" /> </svg> </span> </p> <p>Do you want to succeed in the workplace? Try your best for <input type="text" class="input-bottom-border" style="width: 100px" v-model="readingOne[0].value[0].userAnswer" @blur="handleReadingOne" /> <img :src="readingOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[0].value[0].isRight == false || readingOne[0].value[0].isRight == true"> in everything you do.Excellence means to be the best in<input type="text" class="input-bottom-border" style="width: 100px" v-model="readingOne[0].value[1].userAnswer" @blur="handleReadingOne" /> <img :src="readingOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[0].value[1].isRight == false || readingOne[0].value[1].isRight == true"> you do.Giving your 100% every time will help you achieve that excellence in no time at all.Put all your<input type="text" class="input-bottom-border" style="width: 100px" v-model="readingOne[0].value[2].userAnswer" @blur="handleReadingOne" /> <img :src="readingOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[0].value[2].isRight == false || readingOne[0].value[2].isRight == true">in whatever you do and achieve the best results.Care about the<input type="text" class="input-bottom-border" style="width: 100px" v-model="readingOne[0].value[3].userAnswer" @blur="handleReadingOne" /> <img :src="readingOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[0].value[3].isRight == false || readingOne[0].value[3].isRight == true">of your work and be willing to put in extra effort when necessary.You will get more<input type="text" class="input-bottom-border" style="width: 100px" v-model="readingOne[0].value[4].userAnswer" @blur="handleReadingOne" /> <img :src="readingOne[0].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[0].value[4].isRight == false || readingOne[0].value[4].isRight == true">to grow as an individual and make great progress within yourcareer.People with strong work ethic always a<input type="text" class="input-bottom-border" style="width: 100px" v-model="readingOne[0].value[5].userAnswer" @blur="handleReadingOne" /> <img :src="readingOne[0].value[5].isRight ? correctIcon : errorIcon" v-if="readingOne[0].value[5].isRight == false || readingOne[0].value[5].isRight == true">lot in return.</p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[0].isShowAnswer"> <span>çæ¡ï¼</span> <p v-for="(item, index) in readingOne[0].value" :key="index"> {{ index + 1 }}.{{ item.answer }} </p> </div> </div> </div> <div class="preface-bottom"> @@ -366,13 +408,13 @@ </p> <p class="center"><b>Lineman Wang Jin</b></p> <p class="center"><audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio" ></audio></p> controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"></audio></p> <p>Working on high- <span class="word-bc" >voltage</span> <span class="word-bc">voltage</span> power lines is considered by many as a high-risk job.But for some people itâs a daily <span class="word-bc" >routine</span> <span class="word-bc">routine</span> . </p> <p>Standing on towers over 100 meters high and working on ultra-high-voltage (UHV) lines,Wang @@ -380,7 +422,7 @@ company.</p> <p>Wang still clearly remembered the first time he touched the power line.âI was really scared because at the moment of <span class="word-bc" >contact</span> <span class="word-bc">contact</span> ...500 000 volts of <span class="word-bc">electricity</span> hit the gloves,â recalled @@ -390,9 +432,9 @@ remote areas.</p> <p>Summer in east Chinaâs Shandong Province can be hot and dry.The steel tower is also hot.Wearing <span class="word-bc" >protective</span> <span class="word-bc">protective</span> clothes in such weather,Wang felt <span class="word-bc" >dizzy</span> <span class="word-bc">dizzy</span> even before he started the shift. </p> @@ -405,25 +447,25 @@ <p>Chinaâs UHV power network continues to expand,so Wang and his colleagues have set up an innovation center to address new challenges.</p> <p>They have introduced more technologies including the use of drones for line <span class="word-bc" >inspection</span> <span class="word-bc">inspection</span> and <span class="word-bc" >maintenance</span> <span class="word-bc">maintenance</span> .They have 240 drones and 80 operators,and they want to create an unmanned,\ <span class="word-bc" >digital</span> <span class="word-bc">digital</span> and <span class="word-bc" >intelligent</span> <span class="word-bc">intelligent</span> line inspection system. </p> <p>Wang is now a father of two.His family gave him the biggest support.His <span class="word-bc" >dedication</span> <span class="word-bc">dedication</span> has made him a role model for young people.Wang Innovation Studio now has nearly 100 members,who have <span class="word-bc" >achieved</span> <span class="word-bc">achieved</span> achieved more than 30 technological innovations. </p> <p>By the end of 2020,a total of 35 UHV projects had been completed or were under <span class="word-bc" >construction</span> <span class="word-bc">construction</span> in China.Their total length is 48 000 kilometers.Chinaâs electricity network has the highest voltage and the biggest transmission <span class="word-bc">capacity</span> @@ -866,22 +908,16 @@ <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p> <div class="bk-wh"> <p class="dl-box"> <span class="word-bc mr-20 dl-span" >strong-willed</span> <span class="word-bc mr-20 dl-span" >motivated</span> <span class="word-bc mr-20 dl-span">strong-willed</span> <span class="word-bc mr-20 dl-span">motivated</span> <span class="word-bc mr-20 dl-span">active</span> <span class="word-bc mr-20 dl-span" >cooperative</span> <span class="word-bc mr-20 dl-span" >stressful</span> <span class="word-bc mr-20 dl-span" >disciplined</span> <span class="word-bc mr-20 dl-span" >risky</span> <span class="word-bc mr-20 dl-span" >helpful</span> <span class="word-bc mr-20 dl-span" >dutiful</span> <span class="word-bc mr-20 dl-span" >enthusiastic</span> <span class="word-bc mr-20 dl-span">cooperative</span> <span class="word-bc mr-20 dl-span">stressful</span> <span class="word-bc mr-20 dl-span">disciplined</span> <span class="word-bc mr-20 dl-span">risky</span> <span class="word-bc mr-20 dl-span">helpful</span> <span class="word-bc mr-20 dl-span">dutiful</span> <span class="word-bc mr-20 dl-span">enthusiastic</span> </p> </div> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%"> @@ -890,137 +926,112 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_18.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_19.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_20.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_21.jpg" /> </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" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_22.jpg" /> </div> </div> </div> @@ -1219,18 +1230,19 @@ </p> <p class="center"><b>Work Ethic in the Workplace</b></p> <p class="center"> <audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio" ></audio></p> <p>Work ethic is a set of standards of behavior and beliefs <span class="word-bc" word="regard" >regarding</span> what is and isnât controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"></audio></p> <p>Work ethic is a set of standards of behavior and beliefs <span class="word-bc" word="regard">regarding</span> what is and isnât acceptable to do at work,which can be strong (good) or poor (bad).It depends on personal views of employees,their motivation,and overall company culture.</p> views of employees,their motivation,and overall company culture. </p> <p>Next,weâll review some common examples of both strong and poor work ethic.</p> <p><b>Example</b> 1</p> <p>Angelaâs director asked her to sort out data about the patients and <span class="word-bc" >insurance</span> .Unfortunately,Angela isnât very familiar with processing certain insurance <span class="word-bc">insurance</span> .Unfortunately,Angela isnât very familiar with processing certain insurance <span class="word-bc" word="claim">claims</span> . </p> @@ -1239,19 +1251,20 @@ <p>In the process,she expands her skills to make sure she meets her goals.</p> <p><b>Example</b> 2</p> <p>Jimâs director asked him to review the financial reports from last quarter to look for <span class="word-bc" word="purchas" >purchases</span> from one guest.The director gave him this task about a month ago and asked him to complete it within a few weeks.</p> <span class="word-bc" word="purchas">purchases</span> from one guest.The director gave him this task about a month ago and asked him to complete it within a few weeks. </p> <p>Now,a month has passed,but Jim still hasnât reviewed any of the reports.Rather than starting early,he leaves it to the last minute and turns in an incomplete report.</p> <p><b>Example</b> 3</p> <p>Sheila is sometimes <span class="word-bc" word="bother" >bothered</span> by the tasks assigned by her director.However,she never <span class="word-bc" word="address" >addresses</span> her <span class="word-bc" word="complaint" >complaints</span> to the director.Instead,she complains to her coworkers,friends,and <p>Sheila is sometimes <span class="word-bc" word="bother">bothered</span> by the tasks assigned by her director.However,she never <span class="word-bc" word="address">addresses</span> her <span class="word-bc" word="complaint">complaints</span> to the director.Instead,she complains to her coworkers,friends,and </p> </div> </div> @@ -1283,10 +1296,11 @@ for half an hour or even longer.</p> <p>Instead of trying hard to change the current situation,he makes various excuses for being late.</p> <p>His <span class="word-bc" >constant</span> delay shows a lack of respect for his job and coworkers.His coworkers think of him as being unreliable and irresponsible as a result.</p> <p>His <span class="word-bc">constant</span> delay shows a lack of respect for his job and coworkers.His coworkers think of him as being unreliable and irresponsible as a result. </p> <p>The above examples represent a set of working attitudes that regulate employeesâ behavior at work.And what can you do to develop strong work ethic?</p> <p class="fl al-cn mt-40"> @@ -1693,137 +1707,77 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_14.jpg" /> </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" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_15.jpg" /> </div> </div> </div> @@ -1841,8 +1795,8 @@ </h3> <p><b>â .Jeff rarely showed up at the office on time.Listen to the recording and mark his excuses for being late.</b></p> <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio"></audio> <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio"></audio> <ul class="fl"> <li class="w50"> <p v-for="(item, index) in this.questionDataThree[0].option.slice(0, 4)" @@ -1851,7 +1805,7 @@ v-model="questionDataThree[0].userAnswer" :disabled="questionDataThree[0].isComplete" @change="setQuestionDataThree"> {{ item }} <img :src="isShowRight(questionDataThree[0].answer,questionDataThree[0].userAnswer, item) ? correctIcon : errorIcon" <img :src="isShowRight(questionDataThree[0].answer, questionDataThree[0].userAnswer, item) ? correctIcon : errorIcon" v-if="questionDataThree[0].isComplete"> </p> </li> @@ -1862,15 +1816,21 @@ v-model="questionDataThree[0].userAnswer" :disabled="questionDataThree[0].isComplete" @change="setQuestionDataThree"> {{ item }} <img :src="isShowRight(questionDataThree[0].answer,questionDataThree[0].userAnswer, item) ? correctIcon : errorIcon" <img :src="isShowRight(questionDataThree[0].answer, questionDataThree[0].userAnswer, item) ? correctIcon : errorIcon" v-if="questionDataThree[0].isComplete"> </p> </li> </ul> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataThree[0].isShowAnswer"> <span>çæ¡ï¼</span> <span class="mr-20" v-for="(item, index) in questionDataThree[0].answer" :key="index"> {{ index + 1 }}.{{ item }} </span> </div> <p><b>â ¡.Susan,HR director,is now talking with Jenny about Jeffâs problems.Listen to the conversation and fill in the blanks with what you hear.</b></p> <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" class="audio"></audio> <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" class="audio"></audio> <p>Susan:Have you noticed Jeff has been late many times?</p> <p>Jenny:Yes,I want to have a talk with you about this.</p> <p>Susan: From our punch records,I find that Jeff was late 7 times.Does his director Jim know @@ -1935,6 +1895,12 @@ </p> <p>Jenny: OK.I will talk with Jeff this afternoon.I hope he wonât make the same mistake again in the future.</p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataThree[1].isShowAnswer"> <span>çæ¡ï¼</span> <span class="mr-20" v-for="(item, index) in questionDataThree[1].value" :key="index"> {{ index + 1 }}.{{ item.answer }} </span> </div> <div class="w100 fl ju-cn"> <ul class="fl ju-ar w80"> <li> @@ -2075,65 +2041,71 @@ <div class="bk-13"> <p>Dear Jeff Bell,</p> <p class="tl-lf">Your HR department has been informed by your director that <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[0].userAnswer" @change="setWarmUpOne"> <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item"> <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[0].userAnswer" @change="setWarmUpOne"> <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item"> {{ item }} </option> </select> <img :src="warmUpOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="warmUpOne[0].isComplete"> v-if="warmUpOne[0].isComplete"> do not comply with Tech Market Technology Companyâs policies: </p> <p>· Infraction 1:Being late for January 4th,13th,16th,17th,24th and 25th.</p> <p> <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[1].userAnswer" @change="setWarmUpOne"> <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item"> <p> <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[1].userAnswer" @change="setWarmUpOne"> <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item"> {{ item }} </option> </select> <img :src="warmUpOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="warmUpOne[0].isComplete">on January 17th,2023.</p> <p class="tl-lf">The following consequences, <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[2].userAnswer" @change="setWarmUpOne"> <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item"> v-if="warmUpOne[0].isComplete">on January 17th,2023. </p> <p class="tl-lf">The following consequences, <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[2].userAnswer" @change="setWarmUpOne"> <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item"> {{ item }} </option> </select> <img :src="warmUpOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="warmUpOne[0].isComplete">,will be applied,should you not demonstrate improvement or cease violation of company policies:</p> v-if="warmUpOne[0].isComplete">,will be applied,should you not demonstrate improvement or cease violation of company policies: </p> <p>1.Second warning notice issued</p> <p>2. <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[3].userAnswer" @change="setWarmUpOne"> <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item"> <p>2. <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[3].userAnswer" @change="setWarmUpOne"> <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item"> {{ item }} </option> </select> <img :src="warmUpOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="warmUpOne[0].isComplete"></p> v-if="warmUpOne[0].isComplete"> </p> <p>3.Third and final warning notice followed by an in-person meeting</p> <p>4.Termination of employment</p> <p class="tl-lf">We will do whatever to <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[4].userAnswer" @change="setWarmUpOne"> <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item"> <p class="tl-lf">We will do whatever to <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[4].userAnswer" @change="setWarmUpOne"> <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item"> {{ item }} </option> </select> <img :src="warmUpOne[0].value[4].isRight ? correctIcon : errorIcon" v-if="warmUpOne[0].isComplete">.</p> v-if="warmUpOne[0].isComplete">. </p> <p>Supervisorâs signature:Jim Marche</p> <p>Date:1/31/23</p> </div> <div class="event-header-text-bc pd-5" style="width: 90%" v-if="warmUpOne[0].isShowAnswer"> <div> <p class="event-header-text-bc pd-5" v-for="(item, index) in warmUpOne[0].value" :key="'warmUpOne'+index" > {{index+1}}.{{item.answer}} <p class="event-header-text-bc pd-5" v-for="(item, index) in warmUpOne[0].value" :key="'warmUpOne' + index"> {{ index + 1 }}.{{ item.answer }} </p> </div> </div> </div> <div class="w100 fl ju-cn"> <ul class="fl ju-ar w80"> @@ -2506,139 +2478,100 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_18.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_19.jpg" /> </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> @@ -2995,6 +2928,44 @@ }, readingOne:[ { type: "fill", isShowAnswer: false, value: [ { answer: 'excellence', userAnswer: '', isRight: null }, { answer: 'whatever', userAnswer: '', isRight: null }, { answer: 'focus', userAnswer: '', isRight: null }, { answer: 'quality', userAnswer: '', isRight: null }, { answer: 'opportunities', userAnswer: '', isRight: null }, { answer: 'benefit', userAnswer: '', isRight: null }, ] }, ], questionDataOne: [ { type: "fill", @@ -3469,6 +3440,7 @@ ] } ], }; }, mounted() { @@ -3509,6 +3481,12 @@ if (questionDataThree) { this.questionDataThree = JSON.parse(questionDataThree); } const readingOne = localStorage.getItem("english-chapter07-readingOne"); if (readingOne) { this.readingOne = JSON.parse(readingOne); } this.getPath(); }, methods: { @@ -3859,7 +3837,6 @@ } } } console.log(this.questionDataThree, 111); }, setQuestionDataThree() { localStorage.setItem( @@ -3890,6 +3867,30 @@ item.isShowAnswer = !item.isShowAnswer } }, saveReadingOne() { localStorage.setItem('english-chapter07-readingOne', JSON.stringify(this.readingOne)) }, handleReadingOne(){ for (let index = 0; index < this.readingOne.length; index++) { const item = this.readingOne[index]; for (let cindex = 0; cindex < item.value.length; cindex++) { const citem = item.value[cindex]; if(citem.userAnswer != ""){ citem.isRight = citem.answer == citem.userAnswer }else{ citem.isRight=null } } } this.saveReadingOne() }, viewReadingOne(){ for (let index = 0; index < this.readingOne.length; index++) { const item = this.readingOne[index]; item.isShowAnswer = !item.isShowAnswer } }, }, }; </script> src/books/English/view/components/chapter008.vue
@@ -52,7 +52,7 @@ <div class="right" style="width: 48%"> <div> <p class="center"> <img src="../../assets/images/0146-2.jpg" alt="" style="width: 98%" /> <img src="../../assets/images/0146-2.jpg" alt="" class="w100" /> </p> <p class="center"> 2. @@ -70,7 +70,7 @@ <div class="left" style="width: 48%"> <div> <p class="center"> <img src="../../assets/images/0146-3.jpg" alt="" style="width: 98%" /> <img src="../../assets/images/0146-3.jpg" alt="" class="w100" /> </p> <p class="center"> 3. @@ -86,7 +86,7 @@ <div class="right" style="width: 48%"> <div> <p class="center"> <img src="../../assets/images/0146-4.jpg" alt="" style="width: 94%" /> <img src="../../assets/images/0146-4.jpg" alt="" class="w100" /> </p> <p class="center"> 4. @@ -121,7 +121,7 @@ <div class="right" style="width: 48%"> <div> <p class="center"> <img src="../../assets/images/0146-6.jpg" alt="" style="width: 98%" /> <img src="../../assets/images/0146-6.jpg" alt="" class="w100" /> </p> <p class="center"> 6. @@ -1026,137 +1026,137 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_18.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_19.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_20.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_21.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_22.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_23.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_24.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_25.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_26.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_27.jpg" /> </div> </div> </div> @@ -1196,7 +1196,7 @@ yourself.Work with your partner and figure out what the pictures in the following road maps possibly mean,and then choose the proper expressions to fill in the blanks. </b> <span class="btn-box" @click="showDropTwo(0,0)"> <span class="btn-box" @click="showDropTwo(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <path class="a" d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" @@ -1227,6 +1227,12 @@ </div> </li> </ul> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="dropTwo[0].isShowAnswer"> <span>çæ¡ï¼</span> <span class="mr-20" v-for="(item, index) in dropTwo[0].value" :key="index"> {{ index + 1 }}.{{ item.answer }} </span> </div> <!-- <p class="center"> <img class="img-a" alt="" src="../../assets/images/0153-1.jpg" /> </p> --> @@ -1284,7 +1290,12 @@ <img :src="dropTwo[1].value[2].isRight ? correctIcon : errorIcon" v-if="dropTwo[1].value[2].isRight == true || dropTwo[1].value[2].isRight == false"> </div> </div> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="dropTwo[0].isShowAnswer"> <span>çæ¡ï¼</span> <span class="mr-20" v-for="(item, index) in dropTwo[1].value" :key="index"> {{ index + 1 }}.{{ item.answer }} </span> </div> <h3 id="c069" class="fl al-cn"> <span class="bjh3">Reading</span> <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio"></audio> @@ -1516,6 +1527,12 @@ {{index + 1}}.{{item.stem}} <img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[1].isShowAnswer"> <span>çæ¡ï¼</span> <span class="mr-20" v-for="(item, index) in listenTwo[1].value" :key="index"> {{ index + 1 }}.{{ item.answer }} </span> </div> <p><b>â ¡.Language focus.</b></p> <p>A.Replace the words in italics with the exact words in the passage and change the form if necessary.</p> @@ -1524,6 +1541,12 @@ <input type="text" :disabled="listenTwo[2].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px"> <img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[2].isComplete"> </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[2].isShowAnswer"> <span>çæ¡ï¼</span> <span class="mr-20" v-for="(item, index) in listenTwo[2].value" :key="index"> {{ index + 1 }}.{{ item.answer }} </span> </div> <p>B.Fill in the blanks with the proper form of the expressions given below.</p> <div class="bk-wh"> <p>a portion ofãfall into placeãbe passionate aboutãlater on beãcomfortable with</p> @@ -1562,6 +1585,12 @@ <img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[3].isComplete"> {{item.stemTwo}} </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[3].isShowAnswer"> <span>çæ¡ï¼</span> <span class="mr-20" v-for="(item, index) in listenTwo[3].value" :key="index"> {{ index + 1 }}.{{ item.answer }} </span> </div> <p><b>â ¢.Grammar focus:Pronouns (it,one).</b><span class="btn-box" @click="showAnswer('showImgOne')"> <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1" @@ -1590,6 +1619,12 @@ <img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[4].isComplete"> {{item.stemTwo}} </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[4].isShowAnswer"> <span>çæ¡ï¼</span> <span class="mr-20" v-for="(item, index) in listenTwo[4].value" :key="index"> {{ index + 1 }}.{{ item.answer }} </span> </div> <div class="w100 fl ju-cn"> <ul class="fl ju-ev" style="width:80%"> <li> @@ -1704,137 +1739,92 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_17.jpg" /> </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" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_18.jpg" /> </div> </div> </div> @@ -1888,6 +1878,12 @@ I feel worried about writing the letter,for I know little about it.Anyway,I am well-prepared,I guess.Now all Iâve got to do is to take that job.Wish me good luck! </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[0].isShowAnswer"> <span>çæ¡ï¼</span> <span class="mr-20" v-for="(item, index) in listenThree[0].value" :key="index"> {{ index + 1 }}.{{ item.answer }} </span> </div> <div class="w100 fl ju-cn"> <ul class="fl ju-ev" style="width:80%"> <li> @@ -1967,7 +1963,7 @@ </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <textarea v-model="noSubmitThree[0].value[0].userAnswer" <textarea v-model="noSubmitThree[0].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="saveNoSubmitThree"></textarea> </td> @@ -1977,7 +1973,7 @@ </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <textarea v-model="noSubmitThree[0].value[0].userAnswer" <textarea v-model="noSubmitThree[0].value[2].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="saveNoSubmitThree"></textarea> </td> @@ -1987,7 +1983,7 @@ </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <textarea v-model="noSubmitThree[0].value[0].userAnswer" <textarea v-model="noSubmitThree[0].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="saveNoSubmitThree"></textarea> </td> @@ -2347,137 +2343,87 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_16.jpg" /> </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" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_17.jpg" /> </div> </div> </div> @@ -2490,7 +2436,8 @@ </div> </div> </div> <div class="preface-bottom"> <!-- 页è --> <div class="preface-bottom" style="margin-top: 10%"> <span class="contet-num-box">154</span> </div> </div> @@ -3456,6 +3403,7 @@ dropTwo:[ { type:'dropdown', isComplete:false, isShowAnswer:false, option:[ 'identify passion','go to school' @@ -3474,6 +3422,7 @@ { type:'dropdown', isComplete:false, isShowAnswer:false, option:[ 'change your mind', 'get another job', @@ -3891,6 +3840,7 @@ saveNoSubmitTWo() { localStorage.setItem('english-chapter08-noSubmitTwo',JSON.stringify(this.noSubmitTwo)) }, showNoSubmitTWo(index,num) { this.$set(this.noSubmitTwo[index].value[num],'isShowAnswer',!this.noSubmitTwo[index].value[num].isShowAnswer) }, @@ -3901,6 +3851,9 @@ this.$set(this.dropTwo[index].value[num],'isRight',this.dropTwo[index].value[num].userAnswer == this.dropTwo[index].value[num].answer) this.saveDropTwo() }, showDropTwo(index) { this.$set(this.dropTwo[index],'isShowAnswer',!this.dropTwo[index].isShowAnswer) }, saveListenTwo() { localStorage.setItem('english-chapter08-listenTwo',JSON.stringify(this.listenTwo)) }, src/books/English/view/components/index.vue
@@ -205,8 +205,8 @@ }, 500); // æµè¯é¡µé¢è·³è½¬ // setTimeout(() => { // this.gotoPage(6,73); setTimeout(() => { this.gotoPage(8,140); // setTimeout(() => { // this.renderSign("Highlight", { // id: "2ACA9359", @@ -234,7 +234,7 @@ // txt: " è¿å¨ç³»ç»æ¯ç±éª¨ã骨è¿ç»å骨骼èä¸é¨åç»æçãå ¨èº«ç骨éè¿éª¨è¿ç»ç»æ人ä½éª¨éª¼ï¼è§å¾1-1ï¼ã骨骼æ¯äººä½çæ¯æ¶ï¼å ·æä¿æ¤å èå¨å®ãä¾èèéçåä½ä¸ºèèè¿å¨çæ æçä½ç¨ãå¨ç¥ç»ç³»ç»çæ¯é ä¸ï¼èèæ¶ç¼©çµå¨æéçç骨ç»çå ³è转å¨ï¼ä½¿èº«ä½äº§çåç§å¨ä½ãæ以ï¼è¿å¨ç³»ç»å ·æè¿å¨ãæ¯æåä¿æ¤çåè½ï¼å¹¼å¹´æ¶æç骨骼è¿å ·æé è¡åè½ã ", // txtIndex: 57 // }); // }, 50); }, 50); }, methods: { // setZoom1() { src/components/dropdown/index.vue
@@ -62,6 +62,7 @@ option.toLowerCase().includes(this.searchText.toLowerCase()) ); }, }, watch:{ selectedOptions:{ @@ -103,6 +104,11 @@ filterOptions() { this.showDropdown = true; }, //æ´é² changeSelectData(value){ this.selectedOptions = value } }, }; </script>
