zhongshujie
2024-07-08 bc7f6f02feeff377da9d95546420987a2539d7cc
src/books/English/view/components/chapter005.vue
@@ -63,7 +63,34 @@
                                @play="audioPlay"></audio></p>
                        <p><b>Nature is sending warnings to human beings.Watch the video and answer the following
                                questions.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0088-8.jpg" /></p>
                        <p class="center">
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn">What have humans done to the
                                    planet?</td>
                                <td class="tl-cn">What did "lce" do to warn
                                    humans?</td>
                                <td class="tl-cn">How do humans respond to the
                                    warning?</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.one"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.two"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.three"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                        </p>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -344,7 +371,20 @@
                        <p>4.The Beijing 2022 Winter Olympics is in line with its concept of delivering a green and
                            sustainable Games.</p>
                        <p>____________________________________________________</p>
                        <p><b>Ⅲ.Grammar focus:The present perfect tense.</b></p>
                        <p><b>Ⅲ.Grammar focus:The present perfect tense.</b>
                            <span class="btn-box" @click="showAnswer('showImg')">
                                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="30864"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
                                        p-id="30865"></path>
                                </svg>
                            </span>
                        </p>
                        <div class="openImgBox" v-if="showImg">
                            <img class="w100" :src="imgThirteen" />
                        </div>
                        <p>A.Mark the correct form of the words in the brackets.</p>
                        <p>1.Some shops in India have (begin,began,begun) to exchange recyclable things for groceries.
                        </p>
@@ -392,7 +432,73 @@
                            time while humans do nothing but make it worse.Search online for the causes and effects of
                            environmental issues,and finish the worksheet,and then prepare a report to the class.</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0094-1.jpg" /></p>
                        <p class="center">
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="wh-no tl-cn">Environmental issues</td>
                                <td class="tl-cn">Causes</td>
                                <td class="tl-cn">Effects</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="">Plastic Pollution</td>
                                <td class="tl-lf">
                                    Because plastie is affordable and durable, it has been overused, Most plastic
                                    is thrown away even after a single use, which ends up in landfills or in the oceans.
                                </td>
                                <td class="tl-lf">
                                    Plastie takes hundreds of years to decompose. Therefore plastie waste has posed a
                                    serious threat to the safety of land, oceans, humans and animals.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.four"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.five"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.six"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.seven"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.eight"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.nine"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.ten"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.eleven"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twelve"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                        </p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
                        <div class="bk-wh">
                            <p>smog greenhouse gases unusual temperature rising sea levels melting glaciers frequent
@@ -492,29 +598,57 @@
                        <p>Every morning,I wake up,and just moments after my feet hit this floor,I’m reaching for a
                            sports bra and tying my shoelaces.It’s time to go running.</p>
                        <p>Sometimes,I’m alone.Other times,I’m with a friend.I’m a runner,and for me,there’s nothing
                            better than a crisp morning,when the air is fresh,the sun is peaking over the horizon,and my
                            better than a
                            <span class="word-bc" @click="saveWord($event, 'crisp')">crisp</span>
                            morning,when the air is fresh,the sun is
                            <span class="word-bc" @click="saveWord($event, 'peak')"> peak</span>
                            ing over the
                            <span class="word-bc" @click="saveWord($event, 'horizon')">horizon</span>
                            ,and my
                            legs are light.But some days,when an air quality warning shows on my phone,I know running
                            outdoors will be unpleasant.</p>
                            outdoors will be unpleasant.
                        </p>
                        <p>Most of us would love to cut our carbon footprints in half—I know I would—but it just isn’t
                            convenient.We want to drive in cars,fly in planes,and eat fruits that only grow on the other
                            side of the world.I’m lucky enough to live in a city with great public transportation and a
                            wealth of ecofriendly ride-sharing options.But actually,not all of us have these choices.
                            wealth of
                            <span class="word-bc" @click="saveWord($event, 'ecofriendly')">ecofriendly </span> &nbsp;
                            <span class="word-bc" @click="saveWord($event, 'ride-sharing')">ride-sharing </span>
                            options.But actually,not all of us have these choices.
                        </p>
                        <p>So,if we can’t take millions of cars off the road,what can we do right now,on an individual
                            level,to reduce our carbon footprint?</p>
                        <p>Well,everybody eats.We eat to celebrate,to grow,and to survive.We also eat selectively.It
                            seems like everyone has a dietary restriction these days.Most of the dietary choices are
                        <p>Well,everybody eats.We eat to celebrate,to grow,and to
                            <span class="word-bc" @click="saveWord($event, 'survive')">survive</span>
                            .We also eat
                            <span class="word-bc" @click="saveWord($event, 'selectively')">selectively</span>
                            .It
                            seems like everyone has a
                            <span class="word-bc" @click="saveWord($event, 'dietary')">dietary</span> &nbsp;
                            <span class="word-bc" @click="saveWord($event, 'restriction')">restriction</span>
                            these days.Most of the dietary choices are
                            made for personal,health-related reasons,but what I’ve learned recently is that the food we
                            eat doesn’t just impact us; it impacts the planet big time.</p>
                            eat doesn’t just impact us; it impacts the planet big time.
                        </p>
                        <p>Just this summer,a group of researchers in the UK published a study comparing the carbon
                            footprints connected with different diets:meat-eaters,fish-eaters,and vegans.It turns out
                            that eliminating meat from your diet can reduce your carbon emissions by half.A vegan diet
                            footprints connected with different diets:meat-eaters,fish-eaters,and
                            <span class="word-bc" @click="saveWord($event, 'vegans')">vegans</span>
                            .It turns out
                            that
                            <span class="word-bc" @click="saveWord($event, 'eliminat')">eliminat</span>
                            ing meat from your diet can reduce your carbon
                            <span class="word-bc" @click="saveWord($event, 'emissions')">emissions</span>
                            by half.A vegan diet
                            was connected with the least amount of greenhouse gas emissions—99 percent to 102 percent
                            less than meateaters—but even switching from meat to fish can reduce your dietary emissions
                            by 50 percent.</p>
                            by 50 percent.
                        </p>
                        <p>Before learning about this study,I never thought about how my diet impacted anyone but
                            myself.I always figured that what I put into my body was a personal decision,but it’s a
                            public concern.</p>
                            myself.I always
                            <span class="word-bc" @click="saveWord($event, 'figured')">figured</span>
                            that what I put into my body was a personal decision,but it’s a
                            public concern.
                        </p>
                        <p>Every night before sleeping,I lay there for a moment,reflecting on the day,and thinking about
                            my next meatless meal.As I close my eyes,I hope for a crisp morning with fresh air,the sun
                            peaking over the horizon,a lightness in my legs.I am looking forward to the next day’s run.
@@ -683,7 +817,20 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p><b>Ⅲ.Grammar focus:The infinitive.</b></p>
                        <p><b>Ⅲ.Grammar focus:The infinitive.</b>
                            <span class="btn-box" @click="showAnswer('showImgOne')">
                                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="30864"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
                                        p-id="30865"></path>
                                </svg>
                            </span>
                        </p>
                        <div class="openImgBox" v-if="showImgOne">
                            <img class="w100" :src="imgThirteenOne" />
                        </div>
                        <p>Rewrite the following sentences using the infinitive symbol “to”.</p>
                        <p>1.We work hard.</p>
                        <p>We want to make a better life.</p>
@@ -736,11 +883,94 @@
                        <p><b>Ⅱ.Work in groups.Ask your group members how they deal with the household waste every
                                day.Finish the worksheet and prepare a report to the class.</b></p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0100-2.jpg" /></p>
                        <p class="center">
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn">Names</td>
                                <td class="wh-no tl-cn">Ways of Sorting Daily Household Waste</td>
                                <td class="wh-no tl-cn">Right or Wrong</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">Li Ming</td>
                                <td class="tl-lf">He puts glass bottles and tin cans into recyclable waste bins,
                                    puts batteries and bulbs into harmful waste bins, puts apple cores and leftovers
                                    into
                                    kitchen waste bins, and puts used tissues and dirty plastie bags into other waste
                                    bins.</td>
                                <td class="wh-no">
                                    Right
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.thirteen"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.fourteen"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.fifteen"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.sixteen"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.seventeen"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.eighteen"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.nineteen"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twenty"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyOne"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.twentyTwo"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyThree"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyFour"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                        </p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">96</span>
                    <span class="contet-num-box">90</span>
                </div>
            </div>
        </div>
@@ -765,25 +995,218 @@
                        <h3 id="c044"><span class="bjh3">Listening</span></h3>
                        <p><b>Ⅰ.Every one of us should have a clear sense of how important Nature means to mankind.Watch
                                the video and fill in the blanks with what you hear.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0101-2.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="wh-no tl-cn">Redwood Sapling</td>
                                <td class="tl-cn">Ways of Sorting Daily Household Waste</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn wh-no">How come you're so smart?</td>
                                <td class="tl-lf">
                                    Our kind has been around a really long time, longer than just about anything. I've
                                    seen just about everything.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn wh-no">
                                    What have you seen?
                                </td>
                                <td>
                                    I've seen all kinds of l.<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 60px"
                                        v-model="testData.in.one" @change="setTestData" />
                                    <span>
                                        <svg v-if="
                                            testData.isComplete &&
                                            isTextRight(testData.in.answer, testData.in.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="
                                            testData.isComplete &&
                                            isTextRight(testData.in.answer, testData.in.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>,bugs and 2.<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 60px"
                                        v-model="testData.in.one" @change="setTestData" />
                                    <span>
                                        <svg v-if="
                                            testData.isComplete &&
                                            isTextRight(testData.in.answer, testData.in.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="
                                            testData.isComplete &&
                                            isTextRight(testData.in.answer, testData.in.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>,mice andrats, rabbits and bears, and skuhks. But things have been changed
                                    ever since humans came.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn wh-no">
                                    What did the humans do?
                                </td>
                                <td>
                                    They changed wolves into dogs, rivers into lakes, and us into 3.<input
                                        :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 60px"
                                        v-model="testData.in.one" @change="setTestData" />
                                    <span>
                                        <svg v-if="
                                            testData.isComplete &&
                                            isTextRight(testData.in.answer, testData.in.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="
                                            testData.isComplete &&
                                            isTextRight(testData.in.answer, testData.in.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>They started using the 4.<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 60px"
                                        v-model="testData.in.one" @change="setTestData" />
                                    <span>
                                        <svg v-if="
                                            testData.isComplete &&
                                            isTextRight(testData.in.answer, testData.in.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="
                                            testData.isComplete &&
                                            isTextRight(testData.in.answer, testData.in.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>like it was put there just for them, Actlike they've got an extra one.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn wh-no">
                                    Why do they do that?
                                </td>
                                <td>
                                    I don't know, If they don't figure put that they're part of 5.<input
                                        :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 60px"
                                        v-model="testData.in.one" @change="setTestData" />
                                    <span>
                                        <svg v-if="
                                            testData.isComplete &&
                                            isTextRight(testData.in.answer, testData.in.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="
                                            testData.isComplete &&
                                            isTextRight(testData.in.answer, testData.in.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>
                                    rather than just using it, they probably won't be around to see you grow up.
                                </td>
                            </tr>
                        </table>
                        <p><b>Ⅱ.The four people below are all concerned with the increasingly serious environmental
                                issues.Listen to the recording and decide which website they use to search for the
                                information they need.</b></p>
                        <p class="center"><img class="img-b" alt="" src="../../assets/images/0101-3.jpg" /></p>
                        <div class="fieldset-7">
                            <p><b>a. oneworld.org</b></p>
                            <p>There’s lots of environmental information here, whether you’re just starting to explore
                                the subject, or wanting to find out about the latest research.</p>
                            <p><b>b. eco.org</b></p>
                            <p>You can find out here if your choice of transport damages the planet. If so, try the easy
                                changes to your routine suggested here.</p>
                            <p><b>c. planetmatters.org</b></p>
                            <p>There’s a recycling section in this website — find different uses for things that you
                                might otherwise put in the bin.</p>
                            <p><b>d. ourworld.org</b></p>
                            <p>If you prefer working things out for yourself, you can find experiments to do in this
                                website, like making your own power using sunlight!</p>
                        </div>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-tr-bc">
                                <td class="tl-lf ">
                                    <p class="table-p">
                                        <b>a. oneworld.org</b>
                                    </p>
                                    <p class="table-p">
                                        There’s lots of environmental information here, whether you’re just starting to
                                        explore
                                        the subject, or wanting to find out about the latest research.
                                    </p>
                                </td>
                                <td style="width: 50%;">
                                    <p class="table-p">
                                        <b>b. eco.org</b>
                                    </p>
                                    <p class="table-p">
                                        There’s lots of environmental information here, whether you’re just starting to
                                        explore
                                        the subject, or wanting to find out about the latest research.
                                    </p>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <p class="table-p">
                                        <b>c. planetmatters.org</b>
                                    </p>
                                    <p class="table-p">
                                        There’s a recycling section in this website — find different uses for things
                                        that you
                                        might otherwise put in the bin.
                                    </p>
                                </td>
                                <td style="width: 50%;">
                                    <p class="table-p">
                                        <b>d. ourworld.org</b>
                                    </p>
                                    <p class="table-p">
                                        If you prefer working things out for yourself, you can find experiments to do in
                                        this
                                        website, like making your own power using sunlight!
                                    </p>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -969,7 +1392,100 @@
                        <p>Step 4:Share your experiences as well as your thoughts on how to reduce personal carbon
                            footprints in the class.</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0105-2.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn" colspan="8">The 7-day No PlastigChallenge</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="wh-no tl-cn">Form(s) of Documenting</td>
                                <td class="tl-cn" colspan="1"><input type="checkbox" name="ball1" :disabled="testData.isComplete" value="Language" id="1"
                                    v-model="testData.check.value" @change="setTestData" />vlogs</td>
                                <td class="tl-cn" colspan="2"><input type="checkbox" name="ball1" :disabled="testData.isComplete" value="Language" id="1"
                                    v-model="testData.check.value" @change="setTestData" />photos</td>
                                <td class="tl-cn" colspan="2"><input type="checkbox" name="ball1" :disabled="testData.isComplete" value="Language" id="1"
                                    v-model="testData.check.value" @change="setTestData" />journals</td>
                                <td class="tl-cn" colspan="2"><input type="checkbox" name="ball1" :disabled="testData.isComplete" value="Language" id="1"
                                    v-model="testData.check.value" @change="setTestData" />other<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 60px"
                                        v-model="testData.in.one" @change="setTestData" />
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn wh-no">
                                    Social Media Platform(s)
                                </td>
                                <td colspan="7">
                                    <textarea v-model="questionData.table.twentyFive"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td rowspan="2" class="tl-cn">
                                    Challenges
                                </td>
                                <td>
                                    DAY 1
                                </td>
                                <td>
                                    DAY 2
                                </td>
                                <td>
                                    DAY 3
                                </td>
                                <td>
                                    DAY 4
                                </td>
                                <td>
                                    DAY 5
                                </td>
                                <td>
                                    DAY 6
                                </td>
                                <td>
                                    DAY 7
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.twentySix"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentySeven"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyEight"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyNine"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirty"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirtyOne"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirtyTwo"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    Reflections
                                </td>
                                <td colspan="7">
                                    <textarea v-model="questionData.table.thirtyThree"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                        <div class="fieldset-4">
                            <p class="center"><b>Useful Expressions</b></p>
                            <p>In response to the national call for plastic reduction, I decide to engage in the 7-day
@@ -998,6 +1514,7 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="continued">continued</p>
                        <div class="fieldset-4">
                            <p>I will post my experience on …</p>
                            <p>I will use eco-friendly bags for grocery shopping.</p>
@@ -1029,13 +1546,15 @@
    },
    data() {
        return {
            imgThirteen: require("../../assets/images/grammar.jpg"),
            imgThirteen: require("../../assets/images/grammar5-1.png"),
            imgThirteenOne: require("../../assets/images/grammar5-2.png"),
            showAnswerOne: false,
            showAnswerTwo: false,
            showAnswerThree: false,
            showAnswerFour: false,
            showAnswerFive: false,
            showImg: false,
            showImgOne: false,
            showQuestionAnswer: false,
            rawData: {
                left: [
@@ -1201,8 +1720,42 @@
                    five: "",
                    six: "",
                    seven: "",
                    enight: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                    fifteen: "",
                    sixteen: "",
                    seventeen: "",
                    eighteen: "",
                    nineteen: "",
                    twenty: "",
                    twentyOne: "",
                    twentyTwo: "",
                    twentyThree: "",
                    twentyFour: "",
                    twentyFive: "",
                    twentySix: "",
                    twentySeven: "",
                    twentyEight: "",
                    twentyNine: "",
                    thirty:"",
                    thirtyOne:"",
                    thirtyTwo:"",
                    thirtyThree:"",
                    thirtyFour:"",
                    thirtyFive:"",
                    thirtySix:"",
                    thirtySeven:"",
                    thirtyEight:"",
                    thirtyNine:"",
                    forty:"",
                    fortyOne:"",
                    fortyTwo:"",
                },
            },
            testData: {
@@ -1374,7 +1927,10 @@
        showAnswer(type) {
            if (type == "showImg") {
                this.showImg = !this.showImg;
            } else if (type == "showImgOne") {
                this.showImgOne = !this.showImgOne;
            }
            setTimeout(() => { this.$emit("initViewer", "") }, 500)
        },
        handleQuestion(type) {
            if (type == "one") {