From 30d147c4c92dbfd5ca1b2f8c24a617dc82d2d25b Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期一, 28 四月 2025 18:34:51 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/English/view/components/chapter003.vue | 762 +++++++++++++++++++++++++++++++++++----------------------- 1 files changed, 458 insertions(+), 304 deletions(-) diff --git a/src/books/English/view/components/chapter003.vue b/src/books/English/view/components/chapter003.vue index 5c557e0..5663b6e 100644 --- a/src/books/English/view/components/chapter003.vue +++ b/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" @click="saveWord($event, 'enormous')">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" @click="saveWord($event, 'expand')">expand</span> + <span class="word-bc">expand</span> your network,and - <span class="word-bc" @click="saveWord($event, 'boost')">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" @click="saveWord($event, 'anxiety')">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" @click="saveWord($event, 'meaningful')">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" @click="saveWord($event, 'mortality')">mortality</span> + <span class="word-bc">mortality</span> rate than those who do not. </p> <p> @@ -491,7 +500,7 @@ field.Even if you鈥檙e 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" @click="saveWord($event, 'communication')">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鈥檝e developed these qualities and @@ -524,17 +533,17 @@ <p> What鈥檚 more,volunteering is a fun and easy way to explore your interests and - <span class="word-bc" @click="saveWord($event, 'passions')">passions</span> + <span class="word-bc" word="passion">passions</span> .Doing volunteer work can be a relaxing, - <span class="word-bc" @click="saveWord($event, 'energizing')">energizing</span> + <span class="word-bc" word="energize">energizing</span> escape from your day-to-day routine of work,school,or family - <span class="word-bc" @click="saveWord($event, 'commitments')">commitments</span> + <span class="word-bc" word="commitment">commitments</span> .Volunteering also provides you - with <span class="word-bc" @click="saveWord($event, 'creativity')">creativity</span> + with <span class="word-bc">creativity</span> ,motivation,and - <span class="word-bc" @click="saveWord($event, 'vision')">vision</span> + <span class="word-bc">vision</span> that can carry over into your personal life and your career. </p> @@ -545,7 +554,7 @@ spare some time for volunteering service.Not only can volunteering improve your r茅sum茅,but it can also help connect you to more people and bring - <span class="word-bc" @click="saveWord($event, 'fulfillment')">fulfillment</span> + <span class="word-bc">fulfillment</span> to your life. </p> <p class="fl al-cn mt-40"> @@ -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 甯姪瑙e喅闅鹃锛涙晳鍑�</p> <p>stretch one鈥檚 wings 澶у睍鎷宠剼</p> - <p>carry over 锛堝湪涓嶅悓鎯呭喌涓嬶級 缁х画瀛樺湪锛屼繚鎸佷笅鍘�</p> </div> <div class="right" style="width: 55%"> <p>make a difference 鏈夊奖鍝嶏紱鏈夊叧绯�</p> <p>what鈥檚 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鈥檛 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鈥檚 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鈥檚 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" @click="saveWord($event, 'blood donation')"> blood + <span class="word-bc mr-20 dl-span"> blood donation</span> - <span class="word-bc mr-20 dl-span" - @click="saveWord($event, 'volunteer teacher')">volunteer teacher</span> - <span class="word-bc mr-20 dl-span" - @click="saveWord($event, 'community service')">community service</span> - <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'nursing home')">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" - @click="saveWord($event, 'rewarding')">rewarding</span> - <span class="word-bc mr-20 dl-span" - @click="saveWord($event, 'challenging')">challenging</span> - <span class="word-bc mr-20 dl-span" - @click="saveWord($event, 'demanding')">demanding</span> - <span class="word-bc mr-20 dl-span" - @click="saveWord($event, 'interesting')">interesting</span> - <span class="word-bc mr-20 dl-span" - @click="saveWord($event, 'overwhelming')">overwhelming</span> - <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'moving')">moving</span> - <span class="word-bc mr-20 dl-span" - @click="saveWord($event, 'merciful')">merciful</span> - <span class="word-bc mr-20 dl-span" - @click="saveWord($event, 'kind-hearted')">kind-hearted</span> - <span class="word-bc mr-20 dl-span" - @click="saveWord($event, 'appreciate')">appreciate</span> - <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'cherish')">cherish</span> - <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'respect')">respect</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> </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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson one 锛塤27.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤28.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤29.jpg" /> </div> </div> </div> @@ -1701,9 +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> - </p> - <p class="center"> - <img class="img-a" alt="" src="../../assets/images/0056-1.jpg" /> + <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> @@ -1727,15 +1741,167 @@ <!-- 鍐呭 --> <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)" /> + </svg> + </span> </p> - <p>2.What changes do they bring to China?</p> + <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" :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)" /> + </svg> + </span> + </p> + <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" :key="index"> + {{ index + 1 }}.{{ item }} + </p> + </div> <p class="center"><b>How to Light Up the World</b></p> <p class="center"> <audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload" @@ -1746,16 +1912,16 @@ </p> <p> If you go all over the world to very - <span class="word-bc" @click="saveWord($event, 'remote')">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" @click="saveWord($event, 'solution')">solution</span> + <span class="word-bc">solution</span> of training grandmothers.Grandmothers are - <span class="word-bc" @click="saveWord($event, 'compassionate')">compassionate</span> + <span class="word-bc">compassionate</span> , - <span class="word-bc" @click="saveWord($event, 'tolerant')">tolerant</span> + <span class="word-bc">tolerant</span> ,willing to learn,and patient.All the qualities that you need are there. </p> @@ -1763,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鈥檝e trained 604 women - <span class="word-bc" @click="saveWord($event, 'solar')">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" @click="saveWord($event, 'electrified')">electrified</span> + <span class="word-bc" word="electrify">electrified</span> 45,000 houses.Please remember that our students are - <span class="word-bc" @click="saveWord($event, 'primarily')">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 @@ -1804,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" @click="saveWord($event, 'attend')">attend</span> + <span class="word-bc">attend</span> ing Barefoot College.In most of these traditional societies,the husband says,鈥淚f you go for - <span class="word-bc" @click="saveWord($event, 'training')">training</span> + <span class="word-bc">training</span> ,don鈥檛 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 @@ -1818,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" @click="saveWord($event, 'Afterwards')">Afterwards</span> + <span class="word-bc">Afterwards</span> ,at a community gathering,she went to sit with the men,who said,鈥淲hat do you think you鈥檙e doing? You should be sitting with the women.鈥� And she said @@ -1834,9 +2000,9 @@ </p> <p> I鈥檒l end the passage with a - <span class="word-bc" @click="saveWord($event, 'quotation')">quotation</span> + <span class="word-bc">quotation</span> from Gandhi:鈥淔irst they - <span class="word-bc" @click="saveWord($event, 'ignore')">ignore</span> + <span class="word-bc">ignore</span> you,then they laugh at you,then they fight you,and then you win.鈥� </p> @@ -2538,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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson two 锛塤18.jpg" /> </div> </div> </div> @@ -2709,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" @@ -2896,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"> @@ -3392,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"> @@ -3578,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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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銆丮ODULE 3锛坙esson 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> @@ -3742,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, @@ -4421,6 +4480,31 @@ userAnswer: '', }, ] + }, + { + type: 'shortAnswer', + value: [ + { + userAnswer: '', + answer: [ + 'China Rural Doctors Program', + 'China Foundation for Rural Development', + 'Shanghai Oasis Green Food Bank', + '閽变竷铏�(Qian Qihu)' + ], + isShowAnswer: false, + }, + { + 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 鈥淯nderground 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鈥檚 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, + }, + ] } ], listenOne: [ @@ -5095,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() { @@ -5121,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(); @@ -5132,9 +5259,6 @@ } else { return data } - }, - saveWord(event, word) { - this.$emit("saveCharacters", event, word); }, setTestData() { localStorage.setItem("english-testOne", JSON.stringify(this.testData)); @@ -5320,7 +5444,6 @@ item.isComplete = true item.isShowAnswer = true } - console.log('鎻愪环', this.listenOne) this.saveListenOneData() }, // 淇濆瓨 @@ -5342,6 +5465,7 @@ item.value = '' item.isRight = null item.isComplete = false + item.isShowAnswer = false } }, // 鍙渶瑕佷繚瀛樼殑棰樼洰鏁版嵁 @@ -5376,7 +5500,7 @@ viewwordsOne() { for (let index = 0; index < this.wordsOne.length; index++) { const item = this.wordsOne[index]; - item.isShowAnswer = true + item.isShowAnswer = !item.isShowAnswer } }, handelwordsOne() { @@ -5389,6 +5513,7 @@ citem.isRight = citem.userAnswer == citem.answer } } + this.savewordsOne(); }, saveminiTable() { console.log(1); @@ -5532,7 +5657,36 @@ const item = this.practicalWriting[index]; item.isShowAnswer = !item.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 + } + }, }, }; </script> -- Gitblit v1.9.1