英语第四单元

闫增涛

2024-07-16 667ec7aad8e23b6be855876697f9f7b6b8ce6f18

英语第四单元

 src/assets/images/correct.svg

New file
@@ -0,0 +1,8 @@
<svg  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>

 src/assets/images/error.svg

New file
@@ -0,0 +1,8 @@
<svg  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>

 src/books/English/view/components/chapter004.vue

@@ -43,21 +43,363 @@
                            <p>robot floor cleaner　self-balancing scooter　camera drone　smartwatch　fingerprint door
                                lock　VR headset</p>
                        </div>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-1.jpg" /></p>
                        <p class="center">1._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-2.jpg" /></p>
                        <p class="center">2._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-3.jpg" /></p>
                        <p class="center">3._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-4.jpg" /></p>
                        <p class="center">4._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-5.jpg" /></p>
                        <p class="center">5._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-6.jpg" /></p>
                        <p class="center">6._____________________</p>
                        <ul class="fl fw-wr dropdown-box-one" >
                            <li>
                                <p class="center"><img class="w80" alt="" src="../../assets/images/0069-1.jpg" /></p>
                                <p class="center">1.
                                    <select class="select-border" v-model="warmUp[0].value[0].userAnswer" @change="savewarmUp"
                                        :disabled="warmUp[0].isComplete">
                                        <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item">
                                        {{ item }}
                                        </option>
                                    </select>
                                    <span class="icon-box" v-if="warmUp[0].isComplete">
                                        <svg v-if="warmUp[0].value[0].isRight" 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="warmUp[0].value[0].isRight == false" t="1716987085767"
                                            class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                            xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                            <path
                                                d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                fill="#d81e06" p-id="25746"></path>
                                        </svg>
                                    </span>
                                </p>
                            </li>
                            <li>
                                <p class="center"><img class="w80" alt="" src="../../assets/images/0069-2.jpg" /></p>
                                <p class="center">2.
                                    <select class="select-border" v-model="warmUp[0].value[1].userAnswer" @change="savewarmUp"
                                        :disabled="warmUp[0].isComplete">
                                        <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item">
                                        {{ item }}
                                        </option>
                                    </select>
                                    <span class="icon-box" v-if="warmUp[0].isComplete">
                                        <svg v-if="warmUp[0].value[1].isRight" 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="warmUp[0].value[1].isRight == false" t="1716987085767"
                                            class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                            xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                            <path
                                                d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                fill="#d81e06" p-id="25746"></path>
                                        </svg>
                                    </span>
                                </p>
                            </li>
                            <li>
                                <p class="center"><img class="w80" alt="" src="../../assets/images/0069-3.jpg" /></p>
                                <p class="center">3.
                                    <select class="select-border" v-model="warmUp[0].value[2].userAnswer" @change="savewarmUp"
                                        :disabled="warmUp[0].isComplete">
                                        <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item">
                                        {{ item }}
                                        </option>
                                    </select>
                                    <span class="icon-box" v-if="warmUp[0].isComplete">
                                        <svg v-if="warmUp[0].value[2].isRight" 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="warmUp[0].value[2].isRight == false" t="1716987085767"
                                            class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                            xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                            <path
                                                d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                fill="#d81e06" p-id="25746"></path>
                                        </svg>
                                    </span>
                                </p>
                            </li>
                            <li>
                                <p class="center"><img class="w80" alt="" src="../../assets/images/0069-4.jpg" /></p>
                                <p class="center">4.
                                    <select class="select-border" v-model="warmUp[0].value[3].userAnswer" @change="savewarmUp"
                                        :disabled="warmUp[0].isComplete">
                                        <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item">
                                        {{ item }}
                                        </option>
                                    </select>
                                    <span class="icon-box" v-if="warmUp[0].isComplete">
                                        <svg v-if="warmUp[0].value[3].isRight" 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="warmUp[0].value[3].isRight == false" t="1716987085767"
                                            class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                            xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                            <path
                                                d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                fill="#d81e06" p-id="25746"></path>
                                        </svg>
                                    </span>
                                </p>
                            </li>
                            <li>
                                <p class="center"><img class="w80" alt="" src="../../assets/images/0069-5.jpg" /></p>
                                <p class="center">5.
                                    <select class="select-border" v-model="warmUp[0].value[4].userAnswer" @change="savewarmUp"
                                        :disabled="warmUp[0].isComplete">
                                        <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item">
                                        {{ item }}
                                        </option>
                                    </select>
                                    <span class="icon-box" v-if="warmUp[0].isComplete">
                                        <svg v-if="warmUp[0].value[4].isRight" 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="warmUp[0].value[4].isRight == false" t="1716987085767"
                                            class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                            xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                            <path
                                                d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                fill="#d81e06" p-id="25746"></path>
                                        </svg>
                                    </span>
                                </p>
                            </li>
                            <li>
                                <p class="center"><img class="w80" alt="" src="../../assets/images/0069-6.jpg" /></p>
                                <p class="center">6.
                                    <select class="select-border" v-model="warmUp[0].value[5].userAnswer" @change="savewarmUp"
                                        :disabled="warmUp[0].isComplete">
                                        <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item">
                                        {{ item }}
                                        </option>
                                    </select>
                                    <span class="icon-box" v-if="warmUp[0].isComplete">
                                        <svg v-if="warmUp[0].value[5].isRight" 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="warmUp[0].value[5].isRight == false" t="1716987085767"
                                            class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                            xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                            <path
                                                d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                fill="#d81e06" p-id="25746"></path>
                                        </svg>
                                    </span>
                                </p>
                            </li>
                        </ul>
                        <div class="event-header-text-bc pd-5 w100 mt-20"
                            v-if="warmUp[0].isShowAnswer">
                            <span>答案：</span>
                            <span v-for="(item,index) in warmUp[0].value" :key="index" class="mr-20">
                                {{index + 1}}.{{ item.answer }}
                            </span>
                        </div>
                        <p><b>Ⅱ.Read the following descriptions of the items in the above pictures,and then put the
                                number of the corresponding picture in the blanks.</b></p>
                        <p class="center"><img class="img-0" alt="" src="../../assets/images/0069-7.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-16">
                            <tr>
                                <td>1. It takes pictures of the world from the sky.</td>
                                <td>
                                    <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> 
                                    <span class="icon-box" v-if="warmUp[1].isComplete">
                                        <svg v-if="warmUp[1].value[0].isRight" 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="warmUp[1].value[0].isRight == false" t="1716987085767"
                                            class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                            xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                            <path
                                                d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                fill="#d81e06" p-id="25746"></path>
                                        </svg>
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <td>2. It allows us to open the door with fingertips.</td>
                                <td>
                                    <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> 
                                    <span class="icon-box" v-if="warmUp[1].isComplete">
                                        <svg v-if="warmUp[1].value[1].isRight" 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="warmUp[1].value[1].isRight == false" t="1716987085767"
                                            class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                            xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                            <path
                                                d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                fill="#d81e06" p-id="25746"></path>
                                        </svg>
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <td>3. It cleans the foor of your room.</td>
                                <td>
                                    <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> 
                                    <span class="icon-box" v-if="warmUp[1].isComplete">
                                        <svg v-if="warmUp[1].value[2].isRight" 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="warmUp[1].value[2].isRight == false" t="1716987085767"
                                            class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                            xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                            <path
                                                d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                fill="#d81e06" p-id="25746"></path>
                                        </svg>
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <td>4. It allows you to experience amazing places of the world without leaving home.</td>
                                <td>
                                    <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> 
                                    <span class="icon-box" v-if="warmUp[1].isComplete">
                                        <svg v-if="warmUp[1].value[3].isRight" 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="warmUp[1].value[3].isRight == false" t="1716987085767"
                                            class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                            xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                            <path
                                                d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                fill="#d81e06" p-id="25746"></path>
                                        </svg>
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <td>5. It works as your personal transporter, and takes you from one place to another.</td>
                                <td>
                                    <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> 
                                    <span class="icon-box" v-if="warmUp[1].isComplete">
                                        <svg v-if="warmUp[1].value[4].isRight" 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="warmUp[1].value[4].isRight == false" t="1716987085767"
                                            class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                            xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                            <path
                                                d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                fill="#d81e06" p-id="25746"></path>
                                        </svg>
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <td>6. It can not only tell time but also keep track of your ftness.</td>
                                <td>
                                    <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> 
                                    <span class="icon-box" v-if="warmUp[1].isComplete">
                                        <svg v-if="warmUp[1].value[5].isRight" 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="warmUp[1].value[5].isRight == false" t="1716987085767"
                                            class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                            xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                            <path
                                                d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                fill="#d81e06" p-id="25746"></path>
                                        </svg>
                                    </span>
                                </td>
                            </tr>
                        </table>
                        <div class="event-header-text-bc pd-5 w100 mt-20"
                            v-if="warmUp[1].isShowAnswer">
                            <span>答案：</span>
                            <span v-for="(item,index) in warmUp[1].value" :key="index" class="mr-20">
                                {{ item.answer }}
                            </span>
                        </div>
                       <div class="w100 fl">
                            <ul class="fl ju-ar w100">
                                <li>
                                    <button class="btn-border btn-w" @click="handlewarmUp">
                                        提交
                                    </button>
                                </li>
                                <li>
                                    <button @click="recastwarmUp" class="btn-border btn-w">
                                        重做
                                    </button>
                                </li>
                                <li>
                                    <button @click="viewwarmUp" class="parimary-btn">
                                        查看答案
                                    </button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -92,14 +434,16 @@
                        <matching :rawData="rawData" :question="question"></matching>
                        <h3 id="c030"><span class="bjh3">Reading</span></h3>
                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
                            @play="audioPlay"></audio>
                            ></audio>
                        <p>1.Technology is all around us.What images spring to your mind when you hear the word “robot”?
                        </p>
                        <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[0].value[0].userAnswer" @input="saveNoSubmitData"></textarea>
                        <p>2.How can robots help humans today in daily life and work?</p>
                        <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[0].value[1].userAnswer" @input="saveNoSubmitData"></textarea>
                        <p class="center"><b>Robots in Action</b></p>
                        <p class="center">
                            <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
                                class="audio" @play="audioPlay"></audio>
                                class="audio" ></audio>
                        </p>
                        <p>Robots are on the rise! Today they can be found working in hotels and stores.Machines will
                            soon be used to study sea
@@ -194,7 +538,7 @@
                            <span class="line-border-box"></span>
                        </p>
                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
                            @play="audioPlay"></audio>
                            ></audio>
                        <p>creature /ˈkriːtʃə(r)/ <i>n.</i> 生物；（尤指） 动物</p>
                        <div class="bkbj">
                            <p><i>a living thing that can move around,such as an animal</i></p>
@@ -295,8 +639,48 @@
                        <p><b>Ⅰ.Reading comprehension.</b></p>
                        <p>A.Read the passage and complete the summary.</p>
                        <p>Nowadays,there has been a rapid increase in the use of robots in different areas.They make
                            people’s lives 1._________.Sometimes,machines can perform better than humans.There are four
                            examples of the latest robots.Octobot is designed to study 2._________,which can blend in
                            people’s lives 1.
                            <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> 
                            <span class="icon-box" v-if="readingOne[0].isComplete">
                                <svg v-if="readingOne[0].value[0].isRight" 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="readingOne[0].value[0].isRight == 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>
                            .Sometimes,machines can perform better than humans.There are four
                            examples of the latest robots.Octobot is designed to study 2.
                            <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> 
                            <span class="icon-box" v-if="readingOne[0].isComplete">
                                <svg v-if="readingOne[0].value[1].isRight" 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="readingOne[0].value[1].isRight == 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>
                            ,which can blend in
                            with its underwater surroundings.Spot is a mechanical dog which may</p>
                    </div>
                </div>
@@ -320,10 +704,78 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p> be used for 3._________missions.Mingo could be found in hotels making 4._________.A humanoid
                            robot Pepper has been created to communicate with humans and react to 5._________.</p>
                        <p> be used for 3.
                            <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> 
                            <span class="icon-box" v-if="readingOne[0].isComplete">
                                <svg v-if="readingOne[0].value[2].isRight" 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="readingOne[0].value[2].isRight == 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>
                            missions.Mingo could be found in hotels making 4.
                            <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> 
                            <span class="icon-box" v-if="readingOne[0].isComplete">
                                <svg v-if="readingOne[0].value[3].isRight" 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="readingOne[0].value[3].isRight == 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>
                            .A humanoid
                            robot Pepper has been created to communicate with humans and react to 5.
                            <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> 
                            <span class="icon-box" v-if="readingOne[0].isComplete">
                                <svg v-if="readingOne[0].value[4].isRight" 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="readingOne[0].value[4].isRight == false" t="1716987085767"
                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                        fill="#d81e06" p-id="25746"></path>
                                </svg>
                            </span>
                            .</p>
                        <p>B.Match the four types of robots introduced in the passage with the descriptions below.</p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0073-1.jpg" /></p>
                        <p>1. It moves like a real dog.</p>
                        <p>2. It could be found in stores.</p>
                        <p>3. It is the size of a shoebox.</p>
                        <p>4. It can carry heavy facilities.</p>
                        <p>5. It will cheer you up if you frown.</p>
                        <p>6. It can bring guests small items to their rooms.</p>
                        <p>7. It's about three-foot-tall with a screen on the top.</p>
                        <p>8. It travels close to the speed of an octopus in the water.</p>
                        <p><b>Ⅱ.Language focus.</b></p>
                        <p>A.Fill in the blanks with the proper form of the words given below.</p>
                        <div class="bk-wh">
@@ -741,7 +1193,7 @@
                        <p>2.What is your dream about space exploration?</p>
                        <p class="center"><b>Fresh Face of Science</b></p>
                        <p class="center"> <audio :src="resource.listenOne" controls
                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
                                controlslist="noplaybackrate nodownload" class="audio" ></audio></p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0076-2.jpg" /></p>
                        <p>According to Zhao Hongzhou,founder of China’s
                            <span class="word-bc" @click="saveWord($event, 'scientometrics')">scientometrics</span>
@@ -835,7 +1287,7 @@
                            <span class="line-border-box"></span>
                        </p>
                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
                            @play="audioPlay"></audio>
                            ></audio>
                        <p>scientometrics /ˈsaɪəntəʊˈmetrɪks/ <i>n.</i> 科学计量学</p>
                        <div class="bkbj">
                            <p><i>the science of measuring and analyzing science</i></p>
@@ -1841,14 +2293,8 @@
        return {
            imgThirteen: require("../../assets/images/grammar4-1.png"),
            imgThirteenOne: require("../../assets/images/grammar4-2.png"),
            showAnswerOne: false,
            showAnswerTwo: false,
            showAnswerThree: false,
            showAnswerFour: false,
            showAnswerFive: false,
            showImg: false,
            showImgOne: false,
            showQuestionAnswer: false,
            rawData: {
                left: [
                    {
@@ -2090,7 +2536,7 @@
                readingTwo: "",
            },
            dropDownList: [
                "animal rescue and care",
                "robot floor cleaner",
                "blood donation",
                "community clean-ups",
                "language service",
@@ -2117,6 +2563,131 @@
                    answer: "animal rescue and care",
                },
            },
            // 新增
            warmUp:[
                {
                    type:'drapDown',
                    isComplete:false,
                    isShowAnswer:false,
                    options:['robot floor cleaner','self-balancing scooter','camera drone','camera drone','camera drone','VR headset'],
                    value:[
                        {
                            answer:'robot floor cleaner',
                            userAnswer:'',
                            isRight:null
                        },
                        {
                            answer:'camera drone',
                            userAnswer:'',
                            isRight:null
                        },
                        {
                            answer:'VR headset',
                            userAnswer:'',
                            isRight:null
                        },
                        {
                            answer:'fingerprint door lock',
                            userAnswer:'',
                            isRight:null
                        },
                        {
                            answer:'smartwatch',
                            userAnswer:'',
                            isRight:null
                        },
                        {
                            answer:'self-balancing scooter',
                            userAnswer:'',
                            isRight:null
                        },
                    ]
                },
                {
                    type:'fill',
                    isComplete:false,
                    isShowAnswer:false,
                    value:[
                        {
                            answer:"2",
                            userAnswer:'',
                            isRight:null,
                        },
                        {
                            answer:"4",
                            userAnswer:'',
                            isRight:null,
                        },
                        {
                            answer:"1",
                            userAnswer:'',
                            isRight:null,
                        },
                        {
                            answer:"3",
                            userAnswer:'',
                            isRight:null,
                        },
                        {
                            answer:"6",
                            userAnswer:'',
                            isRight:null,
                        },
                        {
                            answer:"5",
                            userAnswer:'',
                            isRight:null,
                        },
                    ]
                }
            ],
            noSubmitData:[
                {
                    type:'shortAnswer',
                    value:[
                        {
                            userAnswer:''
                        },
                        {
                            userAnswer:''
                        }
                    ]
                }
            ],
            readingOne:[
                {
                    type:'fill',
                    isComplete:false,
                    isShowAnswer:false,
                    value:[
                        {
                            answer:'easier and safer',
                            userAnswer:'',
                            isRight:null
                        },
                        {
                            answer:'sea creatures',
                            userAnswer:'',
                            isRight:null
                        },
                        {
                            answer:'search-and-rescue',
                            userAnswer:'',
                            isRight:null
                        },
                        {
                            answer:'deliveries',
                            userAnswer:'',
                            isRight:null
                        },
                        {
                            answer:'emotions',
                            userAnswer:'',
                            isRight:null
                        },
                    ]
                }
            ]
        };
    },
    mounted() {
@@ -2132,6 +2703,12 @@
        if (dropdownData) {
            this.dropdownData = JSON.parse(dropdownData);
        }
        const warmUp = localStorage.getItem('english-chapter04-warmup')
        if(warmUp) this.warmUp = JSON.parse(warmUp)
        const noSubmitData = localStorage.getItem('english-chapter04-noSubmitData')
        if(noSubmitData) this.noSubmitData = JSON.parse(this.noSubmitData)
        const readingOne = localStorage.getItem('english-chapter04-readingOne')
        if(readingOne) this.readingOne = JSON.parse(readingOne)
        this.getPath();
    },
    methods: {
@@ -2274,12 +2851,47 @@
                JSON.stringify(this.dropdownData)
            );
        },
        saveData() {
            console.log(this.testData);
        // 新增
        savewarmUp() {
            localStorage.setItem('english-chapter04-warmup',JSON.stringify(this.warmUp))
        },
        audioPlay() {
            this.$emit("closeMiniAudio");
        handlewarmUp() {
            for (let index = 0; index < this.warmUp.length; index++) {
                const item = this.warmUp[index];
                item.isComplete = true
                item.isShowAnswer = true
                for (let cindex = 0; cindex < item.value.length; cindex++) {
                    const citem = item.value[cindex];
                    citem.isRight = citem.userAnswer == citem.answer
                }
            }
            this.savewarmUp()
        },
        recastwarmUp() {
            for (let index = 0; index < this.warmUp.length; index++) {
                const item = this.warmUp[index];
                item.isComplete = false
                item.isShowAnswer = false
                for (let cindex = 0; cindex < item.value.length; cindex++) {
                    const citem = item.value[cindex];
                    citem.isRight = null
                    citem.userAnswer = ''
                }
            }
            localStorage.removeItem('english-chapter04-warmup')
        },
        viewwarmUp() {
            for (let index = 0; index < this.warmUp.length; index++) {
                const item = this.warmUp[index];
                item.isShowAnswer = !item.isShowAnswer
            }
        },
        saveNoSubmitData() {
            localStorage.setItem('english-chapter04-noSubmitData',JSON.stringify(this.noSubmitData))
        },
        saveReadingOne() {
            localStorage.setItem('english-chapter04-readingOne',JSON.stringify(this.readingOne))
        }
    },
};
</script>
@@ -2358,4 +2970,13 @@
    right: 0;
    background-color: red;
}
.dropdown-box-one {
    
    li {
        width: 33%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
}
</style>

 src/books/English/view/components/index.vue

@@ -213,7 +213,7 @@

    // 测试页面跳转
      setTimeout(() => {
        this.gotoPage(3,58);
        this.gotoPage(4,69);
    //   setTimeout(() => {
    //     this.renderSign("Highlight", {
    //       id: "2ACA9359",