英语音频播放优化

闫增涛

2024-06-27 8ba5b1346308451e2c66f4414aa2c0b242d503d2

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

@@ -288,7 +288,7 @@
            <h3 id="c002" class="fl al-cn">
              <span class="bjh3">Listening</span>
              <!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
              <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio>
              <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio" ></audio>
            </h3>
            <p>
              <b>Four foreigners are talking about their impressions on Chinese
@@ -299,7 +299,7 @@
              <img class="img-0" alt="" src="../../assets/images/0013-3.jpg" />
            </p> -->
            <div>
              <ul class="fl ju-bt">
              <ul class="fl ju-bt matching-title-text">
                <li>Speakers　Chinese Cultural Symbols</li>
                <li style="width: 40%; text-align: center">Descriptions</li>
              </ul>
@@ -307,7 +307,6 @@
            </div>
            <h3 id="c003" class="fl al-cn">
              <span class="bjh3">Reading</span>
              <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio>
            </h3>
            <p>
              1.How was Chinese culture introduced to the world in ancient
@@ -357,6 +356,10 @@
              scenery
            </p>
            <p class="center"><b>My Experience in Wonderland</b></p>
            <p class="center">
            <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio" ></audio>

            </p>
            <p class="block">
              “So how was your journey to China?” asks Alexandra.“Highly
              enjoyable,” responds Alice.“You should visit it sometime.”
@@ -449,7 +452,7 @@
              <span class="line-border-box"></span>
            </p>
            <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
              @play="audioPlay"></audio>
              ></audio>
            <p>wonderland /ˈwʌndəlænd/ <i>n.</i> 有许多奇妙事物的地方</p>
            <div class="bkbj">
              <p><i>land or place full of marvels or wonderful things</i></p>
@@ -564,33 +567,71 @@
            <p>
              A.Mark the items that made the author curious when she arrived in
              China.
              <span>
                <svg
                  v-if="testData.check.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="testData.check.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>
              <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
              <input type="checkbox" name="ball1" value="Language" id="1" v-model="testData.check.value" @change="setTestData" />
              Language
            </p>
            <p>
              <input type="checkbox" name="ball" value="People" id="2" v-model="testData.check" />
              <input type="checkbox" name="ball2" value="People" id="2" v-model="testData.check.value"  @change="setTestData" />
              People
            </p>
            <p>
              <input type="checkbox" name="ball" value="Culture" id="3" v-model="testData.check" />
              <input type="checkbox" name="ball3" value="Culture" id="3" v-model="testData.check.value"  @change="setTestData" />
              Culture
            </p>
            <p>
              <input type="checkbox" name="ball" value="Cuisine" id="4" v-model="testData.check" />
              <input type="checkbox" name="ball4" value="Cuisine" id="4" v-model="testData.check.value"  @change="setTestData" />
              Cuisine
            </p>
            <p>
              <input type="checkbox" name="ball" value="Folk" id="5" v-model="testData.check" />
              <input type="checkbox" name="ball5" value="Folk" id="5" v-model="testData.check.value"  @change="setTestData" />
              Folk art
            </p>
            <p>
              <input type="checkbox" name="ball" value="Landscapes" id="6" v-model="testData.check" />
              <input type="checkbox" name="ball6" value="Landscapes" id="6" v-model="testData.check.value"  @change="setTestData" />
              Landscapes
            </p>
            <p>
              <input type="checkbox" name="ball" value="Transportation" id="7" v-model="testData.check" />
              <input type="checkbox" name="ball7" value="Transportation" id="7" v-model="testData.check.value"  @change="setTestData" />
              Transportation
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 35px; width: 93%" v-if="showQuestionAnswer">
@@ -621,14 +662,14 @@
            </p>
            <p>1.What’re the author’s comments about Chinese food?</p>
            <textarea v-model="testData.tx.one" placeholder="请输入内容" rows="4" style="margin-left: 40px; width: 92%"
              class="fz-16 textarea-text"></textarea>
              class="fz-16 textarea-text" @change="setTestData"></textarea>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：Chinese food is very delicious. Sichuan and Hunan cuisines
              are quite mouth-watering and stimulating.
            </p>
            <p>2.When and why did the author start her journey to China?</p>
            <textarea v-model="testData.tx.two" placeholder="请输入内容" rows="4" style="margin-left: 40px; width: 92%"
              class="fz-16 textarea-text"></textarea>
              class="fz-16 textarea-text" @change="setTestData"></textarea>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：When the author got selected as a foreign student for PhD
              studies at one university in 2017, she started her journey to
@@ -636,20 +677,20 @@
            </p>
            <p>3.What are the author’s expectations of her stay in China?</p>
            <textarea v-model="testData.tx.three" placeholder="请输入内容" rows="4" style="margin-left: 40px; width: 92%"
              class="fz-16 textarea-text"></textarea>
              class="fz-16 textarea-text" @change="setTestData"></textarea>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：The author looks forward to exploring more during her stay.
            </p>
            <p>4.What did the author think of Chinese people?</p>
            <textarea v-model="testData.tx.four" placeholder="请输入内容" rows="4" style="margin-left: 40px; width: 92%"
              class="fz-16 textarea-text"></textarea>
              class="fz-16 textarea-text" @change="setTestData"></textarea>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：The author thought the local Chinese were very friendly and
              hospitable.
            </p>
            <p>5.What’s the author’s impression of the cities in China?</p>
            <textarea v-model="testData.tx.five" placeholder="请输入内容" rows="4" style="margin-left: 40px; width: 92%"
              class="fz-16 textarea-text"></textarea>
              class="fz-16 textarea-text" @change="setTestData"></textarea>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：Each city has its unique atmosphere with charming features
              and unique landscapes.
@@ -660,22 +701,60 @@
            <p>
              A.Fill in the blanks with the proper words in the passage.The
              initial letters of the words have been given.
              <span>
                <svg
                  v-if="testData.in.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="testData.in.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>
              In 2017,the author arrived in China.When she arrived,she was like
              Alice in <i>Alice in Wonderland</i>.She was curious about the
              people,the culture,the c<input type="text" class="input-bottom-border" style="width: 60px"
                v-model="testData.in.one" />
                v-model="testData.in.one" @change="setTestData" />
              ,and of course the huge variety of l<input v-model="testData.in.two" type="text"
                class="input-bottom-border" style="width: 60px" />.Chinese friends helped her a lot in understanding
                class="input-bottom-border" style="width: 60px" @change="setTestData" />.Chinese friends helped her a lot in understanding
              Chinese
              culture and c<input v-model="testData.in.three" type="text" class="input-bottom-border"
                style="width: 60px" />.The author believes that one cannot e<input type="text"
                v-model="testData.in.four" class="input-bottom-border" style="width: 60px" />China properly if he/she
                style="width: 60px" @change="setTestData" />.The author believes that one cannot e<input type="text"
                v-model="testData.in.four" class="input-bottom-border" style="width: 60px" @change="setTestData" />China properly if he/she
              does not try its delicious variety of
              food.China has thousands of years of rich and beautiful
              culture.Each city has its u<input v-model="testData.in.five" type="text" class="input-bottom-border"
                style="width: 60px" />atmosphere that attracts people.
                style="width: 60px" @change="setTestData" />atmosphere that attracts people.
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：cuisine, landscapes, civilization, explore, unique
@@ -685,41 +764,46 @@
              sentences with them.
            </p>
            <p>
              1.get selected as<input v-model="testData.line.one" type="text" class="input-bottom-border"
                style="width: 77%" />
              1.get selected as
            </p>
            <textarea v-model="testData.line.one" placeholder="请输入内容" rows="4" style="margin-left: 40px; width: 92%"
            class="fz-16 textarea-text" @change="setTestData"></textarea>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：She got selected as the cultural ambassador to show Chinese
              culture on campus.
            </p>
            <p>
              2.be curious about<input v-model="testData.line.two" type="text" class="input-bottom-border"
                style="width: 75%" />
              2.be curious about
            </p>
            <textarea v-model="testData.line.two" placeholder="请输入内容" rows="4" style="margin-left: 40px; width: 92%"
            class="fz-16 textarea-text" @change="setTestData"></textarea>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：Many foreigners are curious about the amazing Chinese
              martial arts.
            </p>
            <p>
              3.along the way<input v-model="testData.line.three" type="text" class="input-bottom-border"
                style="width: 77%" />
              3.along the way
            </p>
            <textarea v-model="testData.line.three" placeholder="请输入内容" rows="4" style="margin-left: 40px; width: 92%"
            class="fz-16 textarea-text" @change="setTestData"></textarea>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：I suggest that you go to Tibet by train so that you can
              enjoy the natural scenery along the way.
            </p>
            <p>
              4.come across<input v-model="testData.line.four" type="text" class="input-bottom-border"
                style="width: 79%" />
              4.come across
            </p>
            <textarea v-model="testData.line.four" placeholder="请输入内容" rows="4" style="margin-left: 40px; width: 92%"
            class="fz-16 textarea-text" @change="setTestData"></textarea>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：He came across the temple fair in Beijing during the Spring
              Festival.
            </p>
            <p>
              5.look forward to<input v-model="testData.line.five" type="text" class="input-bottom-border"
                style="width: 76%" />
              5.look forward to
            </p>
            <textarea v-model="testData.line.five" placeholder="请输入内容" rows="4" style="margin-left: 40px; width: 92%"
            class="fz-16 textarea-text" @change="setTestData"></textarea>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：She is looking forward to visiting the incredible cities in
              China.
@@ -749,7 +833,7 @@
              people.
            </p>
            <p>
              <input v-model="testData.ts.one" type="text" class="input-bottom-border" />
              <input v-model="testData.ts.one" type="text" class="input-bottom-border" @change="setTestData" />
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：孔子开创了平民化的教育。
@@ -759,7 +843,7 @@
              greatly promoted the development of ancient Chinese civilization.
            </p>
            <p>
              <input v-model="testData.ts.two" type="text" class="input-bottom-border" />
              <input v-model="testData.ts.two" type="text" class="input-bottom-border"  @change="setTestData" />
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：嫘祖发明了中国缫丝技术，这极大地促进了中国古代文明的发展。
@@ -769,7 +853,7 @@
              tea culture in depth.
            </p>
            <p>
              <input v-model="testData.ts.three" type="text" class="input-bottom-border" />
              <input v-model="testData.ts.three" type="text" class="input-bottom-border" @change="setTestData" />
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：陆羽，《茶经》的作者，对中国茶道进行了深入的研究。
@@ -779,7 +863,7 @@
              Chinese medical science.
            </p>
            <p>
              <input v-model="testData.ts.four" type="text" class="input-bottom-border" />
              <input v-model="testData.ts.four" type="text" class="input-bottom-border"  @change="setTestData" />
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：张仲景是一位对中国医学有着重大影响的医学家。
@@ -803,7 +887,7 @@
              meal.
            </p>
            <p>
              <b>If</b><input v-model="testData.gr.one" type="text" class="input-bottom-border" />.
              <b>If</b><input v-model="testData.gr.one" type="text" class="input-bottom-border" @change="setTestData" />.
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：If you try using sticks, you can enjoy the fun of having a
@@ -814,7 +898,7 @@
              there.
            </p>
            <p>
              <b>If</b><input v-model="testData.gr.two" type="text" class="input-bottom-border" />.
              <b>If</b><input v-model="testData.gr.two" type="text" class="input-bottom-border" @change="setTestData" />.
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：If you go to my Chinese New Year party, you will meet my
@@ -822,7 +906,7 @@
            </p>
            <p>3.Drink some Longjing tea,and you will love it.</p>
            <p>
              <b>If</b><input type="text" v-model="testData.gr.three" class="input-bottom-border" />.
              <b>If</b><input type="text" v-model="testData.gr.three" class="input-bottom-border" @change="setTestData" />.
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：If you drink some Longjing tea, you will love it.
@@ -832,7 +916,7 @@
              warriors.
            </p>
            <p>
              <b>If</b><input v-model="testData.gr.four" type="text" class="input-bottom-border" />.
              <b>If</b><input v-model="testData.gr.four" type="text" class="input-bottom-border" @change="setTestData" />.
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：If I go to Xi’an one day, I will visit the terracotta
@@ -843,7 +927,7 @@
              Chicken would possibly be in top three.
            </p>
            <p>
              <b>If</b><input v-model="testData.gr.five" type="text" class="input-bottom-border" />.
              <b>If</b><input v-model="testData.gr.five" type="text" class="input-bottom-border" @change="setTestData" />.
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案： If you ask foreigners about their favorite Chinese food,
@@ -855,7 +939,7 @@
            </p>
            <p>
              1.I was wondering<input v-model="testData.cm.one" type="text" class="input-bottom-border"
                style="width: 60px" />to go for a walk in the Summer Palace.
                style="width: 60px" @change="setTestData" />to go for a walk in the Summer Palace.
            </p>
            <p>
              2.We can spend the afternoon on the beach<input v-model="testData.cm.two" type="text"
@@ -863,14 +947,14 @@
            </p>
            <p>
              3.I called Wang to find out<input v-model="testData.cm.three" type="text" class="input-bottom-border"
                style="width: 60px" />or not he really went to see the Peking opera show.
                style="width: 60px" @change="setTestData" />or not he really went to see the Peking opera show.
            </p>
            <p>
              4.We’re not interested in<input v-model="testData.cm.four" type="text" class="input-bottom-border"
                style="width: 60px" />we get great jobs and that kind of thing.
                style="width: 60px" @change="setTestData" />we get great jobs and that kind of thing.
            </p>
            <p>
              5.<input v-model="testData.cm.five" type="text" class="input-bottom-border" style="width: 60px" />I go to
              5.<input v-model="testData.cm.five" type="text" class="input-bottom-border" style="width: 60px" @change="setTestData" />I go to
              Sichuan,I will visit Chengdu Research Base of Giant
              Panda Breeding.
            </p>
@@ -886,9 +970,6 @@
                  </button>
                </li>
                <li>
                  <button @click="setTestData" class="btn-border btn-w">
                    保存
                  </button>
                </li>
                <li>
                  <button @click="changeTestData" class="btn-border btn-w">
@@ -1211,7 +1292,7 @@
                    </p>
                    <p class="center">
                      1.
                      <select v-model="dropdownData.one.value">
                      <select class="select-border" v-model="dropdownData.one.value" @change="setDropdownData">
                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                          {{ item }}
                        </option>
@@ -1245,7 +1326,7 @@
                    </p>
                    <p class="center">
                      2.
                      <select v-model="dropdownData.two.value">
                      <select class="select-border" v-model="dropdownData.two.value" @change="setDropdownData">
                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                          {{ item }}
                        </option>
@@ -1282,7 +1363,7 @@
                    </p>
                    <p class="center">
                      3.
                      <select v-model="dropdownData.three.value">
                      <select class="select-border" v-model="dropdownData.three.value" @change="setDropdownData">
                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                          {{ item }}
                        </option>
@@ -1316,7 +1397,7 @@
                    </p>
                    <p class="center">
                      4.
                      <select v-model="dropdownData.four.value">
                      <select class="select-border" v-model="dropdownData.four.value" @change="setDropdownData">
                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                          {{ item }}
                        </option>
@@ -1353,7 +1434,7 @@
                    </p>
                    <p class="center">
                      5.
                      <select v-model="dropdownData.five.value">
                      <select class="select-border" v-model="dropdownData.five.value" @change="setDropdownData">
                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                          {{ item }}
                        </option>
@@ -1387,7 +1468,7 @@
                    </p>
                    <p class="center">
                      6.
                      <select v-model="dropdownData.six.value">
                      <select class="select-border" v-model="dropdownData.six.value" @change="setDropdownData">
                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                          {{ item }}
                        </option>
@@ -1420,9 +1501,6 @@
              <div class="fl ju-ev mt-40" style="width: 80%">
                <button class="btn-border btn-w" @click="handleDropdown('judge')">
                  提交
                </button>
                <button @click="setDropdownData" class="btn-border btn-w">
                  保存
                </button>
                <button class="btn-border btn-w" @click="changeDropdown">
                  重做
@@ -1535,7 +1613,7 @@
              <span class="line-border-box"></span>
            </p>
            <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
              @play="audioPlay"></audio>
              ></audio>
            <p>breeze /briːz/ <i>n.</i> 微风；和风</p>
            <div class="bkbj">
              <p><i>a light wind</i></p>
@@ -1916,7 +1994,7 @@
                to China and fill in the blanks with what you hear.</b>
            </p>
            <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
              @play="audioPlay"></audio>
              ></audio>
            <p>
              After studying in China for almost three years by now,I call China
              my second homeland.I love the natural beauty,the 1.________,the
@@ -2385,7 +2463,11 @@
        },
      },
      testData: {
        check: [],
        check: {
          isRight:null,
          answer:["Culture","Cuisine","Landscapes"],
          value:[]
        },
        tx: {
          one: "",
          two: "",
@@ -2399,6 +2481,8 @@
          three: "",
          four: "",
          five: "",
          isRight:null,
          answer:'cuisine,landscapes,civilization,explore,unique'
        },
        line: {
          one: "",
@@ -2500,7 +2584,11 @@
    changeTestData() {
      localStorage.removeItem("english-testOne");
      this.testData = {
        check: [],
        check: {
          isRight:null,
          answer:["Culture","Cuisine","Landscapes"],
          value:[]
        },
        tx: {
          one: "",
          two: "",
@@ -2514,6 +2602,8 @@
          three: "",
          four: "",
          five: "",
          isRight:null,
          answer:['uisine','andscapes','ivilization','xplore','nique']
        },
        line: {
          one: "",
@@ -2545,7 +2635,6 @@
      };
    },
    setBookQuestion() {
      console.log("保存");
      localStorage.setItem(
        "english-book-question-one",
        JSON.stringify(this.questionData)
@@ -2628,10 +2717,30 @@
      );
    },
    saveData() {
      const item = this.testData['check']
      const sortedArr1 = item.answer.slice().sort();
      const sortedArr2 = item.value.slice().sort();
      const isRight = sortedArr1.every(
                (value, index) => value === sortedArr2[index]
              );
      const inData = this.testData['in']
      let inString = []
      for (let key in inData) {
        const citem = inData[key];
        if(key != 'answer' && key !== 'isRight') {
          console.log(key);
          inString.push(citem)
        }
        
        
      }
      const inRight = inData.answer == inString
      console.log('in',inData.answer,inString);
      this.$set(this.testData['in'],'isRight',inRight)
      this.$set(this.testData['check'],'isRight',isRight)
      this.setTestData()
      console.log(this.testData);
    },
    audioPlay() {
      this.$emit("closeMiniAudio");

    },
  },
};
@@ -2711,4 +2820,11 @@
  right: 0;
  background-color: red;
}
.select-border {
  border: 0;
  border-bottom: 1px solid #767676;
  &:focus {
    outline: none; 
  }
}
</style>