From ae2a92ba254050e8d9bdbe43193fa5bc7674438f Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期五, 24 五月 2024 15:53:13 +0800 Subject: [PATCH] 英语完善 --- src/books/English/view/components/chapter001.vue | 606 +++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 451 insertions(+), 155 deletions(-) diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue index 5c01f67..326ee76 100644 --- a/src/books/English/view/components/chapter001.vue +++ b/src/books/English/view/components/chapter001.vue @@ -46,176 +46,246 @@ >鈪�.Write down the English words for the Chinese cultural symbols in the following pictures.</b > + <button @click="showAnswerTwo = !showAnswerTwo">鏄剧ず绛旀</button> </p> <div class="fl ju-bt"> <div class="left" style="width: 48%"> - <p class="center"> - <el-image :src="imgOne" :preview-src-list="[imgOne]" /> - </p> - <p class="center"> - 1.<input - v-model="questionData.warnUp.one.value" - class="input-bottom-border fz-18" - @blur="handleQuestion('one')" - @change="setBookQuestion" - /> - <span class="icon-box"> - <i - class="el-icon-check correct-icon" - v-if="questionData.warnUp.one.isRight" - ></i> - <i - class="el-icon-close error-icon" - v-if="questionData.warnUp.one.isRight == false" - ></i> - </span> + <div> + <p class="center"> + <el-image :src="imgOne" :preview-src-list="[imgOne]" /> + </p> + <p class="center"> + 1.<input + v-model="questionData.warnUp.one.value" + class="input-bottom-border fz-18" + @blur="handleQuestion('one')" + @change="setBookQuestion" + /> + <span class="icon-box"> + <i + class="el-icon-check correct-icon" + v-if="questionData.warnUp.one.isRight" + ></i> + <i + class="el-icon-close error-icon" + v-if="questionData.warnUp.one.isRight == false" + ></i> + </span> + </p> + </div> + <p + class="event-header-text-bc pd-5" + style="width: 90%" + v-if="showAnswerTwo" + > + 绛旀锛欳hinese knot </p> </div> <div class="right" style="width: 48%"> - <p class="center"> - <el-image - :src="imgTwo" - :preview-src-list="[imgTwo]" - style="width: 96%" - /> - </p> - <p class="center"> - 2.<input - class="input-bottom-border fz-18" - v-model="questionData.warnUp.two.value" - @blur="handleQuestion('two')" - @change="setBookQuestion" - /> - <span class="icon-box"> - <i - class="el-icon-check correct-icon" - v-if="questionData.warnUp.two.isRight" - ></i> - <i - class="el-icon-close error-icon" - v-if="questionData.warnUp.two.isRight == false" - ></i> - </span> + <div> + <p class="center"> + <el-image + :src="imgTwo" + :preview-src-list="[imgTwo]" + style="width: 94%" + /> + </p> + <p class="center"> + 2.<input + class="input-bottom-border fz-18" + v-model="questionData.warnUp.two.value" + @blur="handleQuestion('two')" + @change="setBookQuestion" + /> + <span class="icon-box"> + <i + class="el-icon-check correct-icon" + v-if="questionData.warnUp.two.isRight" + ></i> + <i + class="el-icon-close error-icon" + v-if="questionData.warnUp.two.isRight == false" + ></i> + </span> + </p> + </div> + <p + class="event-header-text-bc pd-5" + style="width: 90%" + v-if="showAnswerTwo" + > + 绛旀锛欳hinese medicine </p> </div> </div> <div class="fl ju-bt"> <div class="left" style="width: 48%"> - <p class="center"> - <el-image :src="imgThree" :preview-src-list="[imgThree]" /> - </p> - <p class="center"> - 3.<input - class="input-bottom-border fz-18" - v-model="questionData.warnUp.three.value" - @blur="handleQuestion('three')" - @change="setBookQuestion" - /> - <span class="icon-box"> - <i - class="el-icon-check correct-icon" - v-if="questionData.warnUp.three.isRight" - ></i> - <i - class="el-icon-close error-icon" - v-if="questionData.warnUp.three.isRight == false" - ></i> - </span> + <div> + <p class="center"> + <el-image :src="imgThree" :preview-src-list="[imgThree]" /> + </p> + <p class="center"> + 3.<input + class="input-bottom-border fz-18" + v-model="questionData.warnUp.three.value" + @blur="handleQuestion('three')" + @change="setBookQuestion" + /> + <span class="icon-box"> + <i + class="el-icon-check correct-icon" + v-if="questionData.warnUp.three.isRight" + ></i> + <i + class="el-icon-close error-icon" + v-if="questionData.warnUp.three.isRight == false" + ></i> + </span> + </p> + </div> + <p + class="event-header-text-bc pd-5" + style="width: 90%" + v-if="showAnswerTwo" + > + 绛旀锛欳hinese calligraphy </p> </div> <div class="right" style="width: 48%"> - <p class="center"> - <el-image - :src="imgFour" - :preview-src-list="[imgFour]" - style="width: 94%" - /> - </p> - <p class="center"> - 4.<input - class="input-bottom-border fz-18" - v-model="questionData.warnUp.four.value" - @blur="handleQuestion('four')" - @change="setBookQuestion" - /> - <span class="icon-box"> - <i - class="el-icon-check correct-icon" - v-if="questionData.warnUp.four.isRight" - ></i> - <i - class="el-icon-close error-icon" - v-if="questionData.warnUp.four.isRight == false" - ></i> - </span> + <div> + <p class="center"> + <el-image + :src="imgFour" + :preview-src-list="[imgFour]" + style="width: 93%" + /> + </p> + <p class="center"> + 4.<input + class="input-bottom-border fz-18" + v-model="questionData.warnUp.four.value" + @blur="handleQuestion('four')" + @change="setBookQuestion" + /> + <span class="icon-box"> + <i + class="el-icon-check correct-icon" + v-if="questionData.warnUp.four.isRight" + ></i> + <i + class="el-icon-close error-icon" + v-if="questionData.warnUp.four.isRight == false" + ></i> + </span> + </p> + </div> + <p + class="event-header-text-bc pd-5" + style="width: 90%" + v-if="showAnswerTwo" + > + 绛旀锛歍aichi </p> </div> </div> <div class="fl ju-bt"> <div class="left" style="width: 48%"> - <p class="center"> - <el-image :src="imgFive" :preview-src-list="[imgFive]" /> - </p> - <p class="center"> - 5.<input - class="input-bottom-border fz-18" - v-model="questionData.warnUp.five.value" - @blur="handleQuestion('five')" - @change="setBookQuestion" - /> - <span class="icon-box"> - <i - class="el-icon-check correct-icon" - v-if="questionData.warnUp.five.isRight" - ></i> - <i - class="el-icon-close error-icon" - v-if="questionData.warnUp.five.isRight == false" - ></i> - </span> + <div> + <p class="center"> + <el-image :src="imgFive" :preview-src-list="[imgFive]" /> + </p> + <p class="center"> + 5.<input + class="input-bottom-border fz-18" + v-model="questionData.warnUp.five.value" + @blur="handleQuestion('five')" + @change="setBookQuestion" + /> + <span class="icon-box"> + <i + class="el-icon-check correct-icon" + v-if="questionData.warnUp.five.isRight" + ></i> + <i + class="el-icon-close error-icon" + v-if="questionData.warnUp.five.isRight == false" + ></i> + </span> + </p> + </div> + <p + class="event-header-text-bc pd-5" + style="width: 90%" + v-if="showAnswerTwo" + > + 绛旀锛歴weet dumpling </p> </div> <div class="right" style="width: 48%"> - <p class="center"> - <el-image - :src="imgSix" - :preview-src-list="[imgSix]" - style="width: 94%" - /> - </p> - <p class="center"> - 6.<input - class="input-bottom-border fz-18" - v-model="questionData.warnUp.six.value" - @blur="handleQuestion('six')" - @change="setBookQuestion" - /> - <span class="icon-box"> - <i - class="el-icon-check correct-icon" - v-if="questionData.warnUp.six.isRight" - ></i> - <i - class="el-icon-close error-icon" - v-if="questionData.warnUp.six.isRight == false" - ></i> - </span> + <div> + <p class="center"> + <el-image + :src="imgSix" + :preview-src-list="[imgSix]" + style="width: 92%" + /> + </p> + <p class="center"> + 6.<input + class="input-bottom-border fz-18" + v-model="questionData.warnUp.six.value" + @blur="handleQuestion('six')" + @change="setBookQuestion" + /> + <span class="icon-box"> + <i + class="el-icon-check correct-icon" + v-if="questionData.warnUp.six.isRight" + ></i> + <i + class="el-icon-close error-icon" + v-if="questionData.warnUp.six.isRight == false" + ></i> + </span> + </p> + </div> + <p + class="event-header-text-bc pd-5" + style="width: 90%" + v-if="showAnswerTwo" + > + 绛旀锛欳hinese chess </p> </div> </div> <p class="t0"> <b>鈪�.What other symbols can you think of?</b> - <button class="parimary-btn" @click="showAnswer('wp-seven')"> + <button + class="parimary-btn" + @click="showAnswerOne = !showAnswerOne" + > 鏄剧ず绛旀 </button> </p> <p class="t0"> <input v-model="questionData.warnUp.seven" - class="input-bottom-border w100 fz-18" + class="input-bottom-border fz-18" + style="width: 100%" /> + </p> + <p + class="event-header-text-bc pd-5" + style="width: 100%" + v-if="showAnswerOne" + > + 绛旀锛�1. Hanfu 2. Qipao 3. Tang Suit 4. Chinese tea 5. Chinese silk + 6. Chinese calligraphy & painting 7. Chinese embroidery 8. Chinese + papercut 9. Chinese lantern 10. Moon cake 11. Memorial archway 12. + Chopsticks 13. Compass 14. Chinese kite 15. Kungfu 16. Opera facial + makeup </p> </div> </div> @@ -247,9 +317,6 @@ corresponding descriptions.</b > </p> - <!-- <p class="center"> - <img class="img-g" alt="" src="../../assets/images/0013-1.jpg" /> - </p> --> <p class="center"> <img class="img-0" alt="" src="../../assets/images/0013-3.jpg" /> </p> @@ -257,12 +324,12 @@ <span class="bjh3">Reading</span> <audio :src="resource.readingOne" controls></audio> </h3> - <!-- <p class="center"> - <img class="img-g" alt="" src="../../assets/images/0013-2.jpg" /> - </p> --> <p> 1.How was Chinese culture introduced to the world in ancient times? - <button class="parimary-btn" @click="showAnswer('rd-one')"> + <button + class="parimary-btn" + @click="showAnswerThree = !showAnswerThree" + > 鏄剧ず绛旀 </button> </p> @@ -274,10 +341,20 @@ class="fz-16 fm-son" @change="setBookQuestion" ></textarea> + <p + class="event-header-text-bc pd-5" + style="margin-left: 40px; width: 91%" + v-if="showAnswerThree" + > + 绛旀锛歍he Silk Road Immigrants Sinologist + </p> <p> 2.China offers so much to see and explore.What took you by surprise about China? - <button class="parimary-btn" @click="showAnswer('rd-two')"> + <button + class="parimary-btn" + @click="showAnswerFour = !showAnswerFour" + > 鏄剧ず绛旀 </button> </p> @@ -289,6 +366,15 @@ class="fz-16 fm-son" @change="setBookQuestion" ></textarea> + <p + class="event-header-text-bc pd-5" + style="margin-left: 40px; width: 91%" + v-if="showAnswerFour" + > + 绛旀锛�(1)Various delicious food (2)Unique architectures (3)Beautiful + (4)Intangible cultural heritage, such as Taichi, shadow puppet show, + traditional Chinese medicine, Peking Opera scenery + </p> <p class="center"><b>My Experience in Wonderland</b></p> <p class="block"> 鈥淪o how was your journey to China?鈥� asks Alexandra.鈥淗ighly @@ -553,6 +639,14 @@ style="margin-left: 40px; width: 92%" class="fz-16 textarea-text" ></textarea> + <p + class="event-header-text-bc pd-5" + style="margin-left: 40px; width: 93%" + v-if="showQuestionAnswer" + > + 绛旀锛欳hinese food is very delicious. Sichuan and Hunan cuisines are + quite mouth-watering and stimulating. + </p> <p>2.When and why did the author start her journey to China?</p> <textarea v-model="testData.tx.two" @@ -561,6 +655,14 @@ style="margin-left: 40px; width: 92%" class="fz-16 textarea-text" ></textarea> + <p + class="event-header-text-bc pd-5" + style="margin-left: 40px; width: 93%" + v-if="showQuestionAnswer" + > + 绛旀锛歐hen the author got selected as a foreign student for PhD + studies at one university in 2017, she started her journey to China. + </p> <p>3.What are the author鈥檚 expectations of her stay in China?</p> <textarea v-model="testData.tx.three" @@ -569,6 +671,13 @@ style="margin-left: 40px; width: 92%" class="fz-16 textarea-text" ></textarea> + <p + class="event-header-text-bc pd-5" + style="margin-left: 40px; width: 93%" + v-if="showQuestionAnswer" + > + 绛旀锛歍he author looks forward to exploring more during her stay. + </p> <p>4.What did the author think of Chinese people?</p> <textarea v-model="testData.tx.four" @@ -577,6 +686,14 @@ style="margin-left: 40px; width: 92%" class="fz-16 textarea-text" ></textarea> + <p + class="event-header-text-bc pd-5" + style="margin-left: 40px; width: 93%" + v-if="showQuestionAnswer" + > + 绛旀锛歍he author thought the local Chinese were very friendly and + hospitable. + </p> <p>5.What鈥檚 the author鈥檚 impression of the cities in China?</p> <textarea v-model="testData.tx.five" @@ -585,6 +702,16 @@ style="margin-left: 40px; width: 92%" class="fz-16 textarea-text" ></textarea> + <p + class="event-header-text-bc pd-5" + style="margin-left: 40px; width: 93%" + v-if="showQuestionAnswer" + > + 绛旀锛欵ach city has its unique atmosphere with charming features and + unique landscapes. + </p> + Each city has its unique atmosphere with charming features and unique + landscapes. <p><b>鈪�.Language focus.</b></p> <p> A.Fill in the blanks with the proper words in the passage.The @@ -624,6 +751,13 @@ style="width: 60px" />atmosphere that attracts people. </p> + <p + class="event-header-text-bc pd-5" + style="margin-left: 40px; width: 93%" + v-if="showQuestionAnswer" + > + 绛旀锛歝uisine, landscapes, civilization, explore, unique + </p> <p> B.Underline the following expressions in the passage and make sentences with them. @@ -636,6 +770,14 @@ style="width: 77%" /> </p> + <p + class="event-header-text-bc pd-5" + style="margin-left: 40px; width: 93%" + v-if="showQuestionAnswer" + > + 绛旀锛歋he got selected as the cultural ambassador to show Chinese + culture on campus. + </p> <p> 2.be curious about<input v-model="testData.line.two" @@ -643,6 +785,14 @@ class="input-bottom-border" style="width: 75%" /> + </p> + <p + class="event-header-text-bc pd-5" + style="margin-left: 40px; width: 93%" + v-if="showQuestionAnswer" + > + 绛旀锛歁any foreigners are curious about the amazing Chinese martial + arts. </p> <p> 3.along the way<input @@ -652,6 +802,14 @@ style="width: 77%" /> </p> + <p + class="event-header-text-bc pd-5" + style="margin-left: 40px; width: 93%" + v-if="showQuestionAnswer" + > + 绛旀锛欼 suggest that you go to Tibet by train so that you can enjoy + the natural scenery along the way. + </p> <p> 4.come across<input v-model="testData.line.four" @@ -660,6 +818,14 @@ style="width: 79%" /> </p> + <p + class="event-header-text-bc pd-5" + style="margin-left: 40px; width: 93%" + v-if="showQuestionAnswer" + > + 绛旀锛欻e came across the temple fair in Beijing during the Spring + Festival. + </p> <p> 5.look forward to<input v-model="testData.line.five" @@ -667,6 +833,14 @@ class="input-bottom-border" style="width: 76%" /> + </p> + <p + class="event-header-text-bc pd-5" + style="margin-left: 40px; width: 93%" + v-if="showQuestionAnswer" + > + 绛旀锛歋he is looking forward to visiting the incredible cities in + China. </p> </div> </div> @@ -699,6 +873,13 @@ class="input-bottom-border" /> </p> + <p + class="event-header-text-bc pd-5" + style="margin-left: 40px; width: 93%" + v-if="showQuestionAnswer" + > + 绛旀锛氬瓟瀛愬紑鍒涗簡骞虫皯鍖栫殑鏁欒偛銆� + </p> <p> 2.Lei Zu invented the technology of reeling silk锛堢极涓濇湳锛塧nd greatly promoted the development of ancient Chinese civilization. @@ -709,6 +890,13 @@ type="text" class="input-bottom-border" /> + </p> + <p + class="event-header-text-bc pd-5" + style="margin-left: 40px; width: 93%" + v-if="showQuestionAnswer" + > + 绛旀锛氬珮绁栧彂鏄庝簡涓浗缂笣鎶�鏈紝杩欐瀬澶у湴淇冭繘浜嗕腑鍥藉彜浠f枃鏄庣殑鍙戝睍銆� </p> <p> 3.Lu Yu,the author of <i>The Classic of Tea</i>,explored Chinese tea @@ -721,6 +909,13 @@ class="input-bottom-border" /> </p> + <p + class="event-header-text-bc pd-5" + style="margin-left: 40px; width: 93%" + v-if="showQuestionAnswer" + > + 绛旀锛氶檰缇斤紝銆婅尪缁忋�嬬殑浣滆�咃紝瀵逛腑鍥借尪閬撹繘琛屼簡娣卞叆鐨勭爺绌躲�� + </p> <p> 4.Zhang Zhongjing was a doctor who had an incredible influence on Chinese medical science. @@ -731,6 +926,13 @@ type="text" class="input-bottom-border" /> + </p> + <p + class="event-header-text-bc pd-5" + style="margin-left: 40px; width: 93%" + v-if="showQuestionAnswer" + > + 绛旀锛氬紶浠叉櫙鏄竴浣嶅涓浗鍖诲鏈夌潃閲嶅ぇ褰卞搷鐨勫尰瀛﹀銆� </p> <p> <b>鈪�.Grammar focus:The conditional sentence鈥攊f-clause.</b> @@ -756,6 +958,14 @@ class="input-bottom-border" />. </p> + <p + class="event-header-text-bc pd-5" + style="margin-left: 40px; width: 93%" + v-if="showQuestionAnswer" + > + 绛旀锛欼f you try using sticks, you can enjoy the fun of having a + real Chinese meal. + </p> <p> 2.Go to my Chinese New Year party.You will meet my Chinese friends there. @@ -768,6 +978,14 @@ class="input-bottom-border" />. </p> + <p + class="event-header-text-bc pd-5" + style="margin-left: 40px; width: 93%" + v-if="showQuestionAnswer" + > + 绛旀锛欼f you go to my Chinese New Year party, you will meet my + Chinese friends there. + </p> <p>3.Drink some Longjing tea,and you will love it.</p> <p> <b>If</b @@ -776,6 +994,13 @@ v-model="testData.gr.three" class="input-bottom-border" />. + </p> + <p + class="event-header-text-bc pd-5" + style="margin-left: 40px; width: 93%" + v-if="showQuestionAnswer" + > + 绛旀锛欼f you drink some Longjing tea, you will love it. </p> <p> 4.One day I will go to Xi鈥檃n,and I will visit the terracotta @@ -789,6 +1014,14 @@ class="input-bottom-border" />. </p> + <p + class="event-header-text-bc pd-5" + style="margin-left: 40px; width: 93%" + v-if="showQuestionAnswer" + > + 绛旀锛欼f I go to Xi鈥檃n one day, I will visit the terracotta + warriors. + </p> <p> 5.Ask foreigners about their favorite Chinese food.Kung Pao Chicken would possibly be in top three. @@ -800,6 +1033,14 @@ type="text" class="input-bottom-border" />. + </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, Kung + Pao Chicken would possible be in top three </p> <p> B.Complete the following sentences using <i>if</i> or @@ -846,10 +1087,22 @@ />I go to Sichuan,I will visit Chengdu Research Base of Giant Panda Breeding. </p> + <p + class="event-header-text-bc pd-5" + style="margin-left: 40px; width: 93%" + v-if="showQuestionAnswer" + > + 绛旀锛� 1.whether 2.if 3.whether 4.whether + 5.if + </p> <ul class="fl ju-ev" style="width: 50%"> <li><button>鎻愪氦</button></li> <li><button @click="setTestData">淇濆瓨</button></li> - <li><button>鏌ョ湅绛旀</button></li> + <li> + <button @click="showQuestionAnswer = !showQuestionAnswer"> + 鏌ョ湅绛旀 + </button> + </li> </ul> </div> </div> @@ -995,8 +1248,33 @@ /> </p> <div class="bk-wh"> - <p> - exquisite銆�ancient銆�incredible銆�unique銆�traditional銆�outstanding銆�mouth-watering銆�diverse銆�hospitable銆�enjoyable銆�memorable銆�charming + <p class="dl-box"> + <span class="word-bc mr-20 dl-span" @click="saveWord('exquisite')" + >exquisite</span + > + <span class="word-bc mr-20 dl-span" @click="saveWord('ancient')" + >ancient</span + ><span class="word-bc mr-20 dl-span" @click="saveWord('incredible')" + >incredible</span + ><span class="word-bc mr-20 dl-span" @click="saveWord('unique')" + >unique</span + ><span class="word-bc mr-20 dl-span" @click="saveWord('traditional')" + >traditional</span + ><span class="word-bc mr-20 dl-span" @click="saveWord('outstanding')" + >outstanding</span + ><span class="word-bc mr-20 dl-span" @click="saveWord('mouth-watering')" + >mouth-watering</span + ><span class="word-bc mr-20 dl-span" @click="saveWord('diverse')" + >diverse</span + ><span class="word-bc mr-20 dl-span" @click="saveWord('hospitable')" + >hospitable</span + ><span class="word-bc mr-20 dl-span" @click="saveWord('enjoyable')" + >enjoyable</span + ><span class="word-bc mr-20 dl-span" @click="saveWord('memorable')" + >memorable</span + ><span class="word-bc mr-20 dl-span" @click="saveWord('charming')" + >charming</span + > </p> </div> </div> @@ -1250,32 +1528,43 @@ imgEleven: require("../../assets/images/0019-5.jpg"), imgTwelve: require("../../assets/images/0019-6.jpg"), imgThirteen: require("../../assets/images/grammar.jpg"), + showAnswerOne: false, + showAnswerTwo: false, + showAnswerThree: false, + showAnswerFour: false, showImg: false, + showQuestionAnswer: false, questionData: { warnUp: { one: { value: "", isRight: null, + answer: "Chinese knot", }, two: { value: "", isRight: null, + answer: "Chinese medicine", }, three: { value: "", isRight: null, + answer: "Chinese calligraphy", }, four: { value: "", isRight: null, + answer: "Taichi", }, five: { value: "", isRight: null, + answer: "sweet dumpling", }, six: { value: "", isRight: null, + answer: "Chinese chess", }, seven: "", }, @@ -1383,6 +1672,8 @@ answer: "facial recognition", }, }, + pptList:[ + ] }; }, mounted() { @@ -1425,16 +1716,7 @@ ); }, showAnswer(type) { - if (type == "wp-seven") { - this.questionData.warnUp.seven = - "1. Hanfu 2. Qipao 3. Tang Suit 4. Chinese tea 5. Chinese silk"; - } else if (type == "rd-one") { - this.questionData.reading.one = - "(1)The Silk Road (2)Immigrants Sinologist"; - } else if (type == "rd-two") { - this.questionData.reading.two = - "(1)Various delicious food (2)Unique architectures (3)Beautiful scenery (4)Intangible cultural heritage, such as Taichi, shadow puppet show, traditional Chinese medicine, Peking Opera"; - } else if (type == "showImg") { + if (type == "showImg") { this.showImg = !this.showImg; } }, @@ -1509,4 +1791,18 @@ height: 3px; background-color: #f9a71b; } +.mr-20 { + margin-right: 20px; +} +.dl-box { + display: flex; + flex-wrap: wrap; + .dl-span { + display: inline-block; + text-indent: 0; + margin-bottom: 15px; + height: 20px; + line-height: 20px; + } +} </style> -- Gitblit v1.9.1