优化

闫增涛

2024-06-17 b1a6c3365e46f29fdd12d8864848912eb46d3208

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

@@ -505,7 +505,12 @@
          <div class="bodystyle">
            <h3 id="c002" class="fl al-cn">
              <span class="bjh3">Listening</span>
              <audio :src="resource.listenOne" controls></audio>
              <audio
                :src="resource.listenOne"
                controls
                class="audio"
                @play="audioPlay"
              ></audio>
            </h3>
            <p>
              <b
@@ -514,19 +519,24 @@
                corresponding descriptions.</b
              >
            </p>
            <p class="center">
            <!-- <p class="center">
              <img class="img-0" alt="" src="../../assets/images/0013-3.jpg" />
            </p>
            </p> -->
            <div>
              <ul class="fl ju-bt">
                <li>Speakers　Chinese Cultural Symbols</li>
                <li style="width:40%;text-align:center">Descriptions</li>
              </ul>   
                <li style="width: 40%; text-align: center">Descriptions</li>
              </ul>
              <matching :rawData="rawData" :item="question"></matching>
            </div>
            <h3 id="c003" class="fl al-cn">
              <span class="bjh3">Reading</span>
              <audio :src="resource.readingOne" controls></audio>
              <audio
                :src="resource.readingOne"
                controls
                class="audio"
                @play="audioPlay"
              ></audio>
            </h3>
            <p>
              1.How was Chinese culture introduced to the world in ancient
@@ -735,6 +745,8 @@
              :src="resource.readingTwo"
              controls
              style="margin-left: 10px"
              class="audio"
              @play="audioPlay"
            ></audio>
            <p>wonderland /ˈwʌndəlænd/ <i>n.</i> 有许多奇妙事物的地方</p>
            <div class="bkbj">
@@ -814,15 +826,19 @@
            </p>
            <div class="bkbj">
              <p>
                <i>making you feel more active and healthy</i> foodie /ˈfuːdi/
                <i>n.</i> 吃货；美食家
                <i>making you feel more active and healthy</i> 
              </p>
            </div>
            <p>
              <i
            <p>foodie /ˈfuːdi/<i>n.</i> 吃货；美食家</p>
            <div class="bkbj">
              <p>
                <i
                >a person who is very interested in cooking and eating different
                kinds of food</i
              >
              </p>
            </div>
            <p>
              unique /ju<i>ˈ</i>niːk/ <i>adj.</i> 唯一的；独一无二的
            </p>
            <div class="bkbj">
@@ -2280,14 +2296,14 @@
            </div>
            <div class="w100 fl ju-cn">
              <div class="fl ju-ev mt-40" style="width: 80%">
                <button @click="setDropdownData" class="btn-border btn-w">
                  保存
                </button>
                <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">
                  重做
@@ -2315,7 +2331,7 @@
import { getResourcePath } from "@/assets/methods/resources";
export default {
  name: "chapter-one",
  components:{matching},
  components: { matching },
  props: {
    showPageList: {
      type: Array,
@@ -2376,22 +2392,26 @@
        answer: [
          {
            id: "FB34",
            linkValue: "The clothing material is quite popular among Roman women inancient times.",
            linkValue:
              "The clothing material is quite popular among Roman women inancient times.",
            value: "Silk",
          },
          {
            id: "64D6",
            linkValue: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
            linkValue:
              "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
            value: "The Great Wall",
          },
          {
            id: "2ED4",
            linkValue: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
            linkValue:
              "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
            value: "Chinese Food",
          },
          {
            id: "44DE",
            linkValue: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
            linkValue:
              "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
            value: "Chinese Tea",
          },
        ],
@@ -2415,7 +2435,6 @@
              oldId: "2ED4",
              txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
            },

          ],
          values: [
            {
@@ -2444,7 +2463,7 @@
        titleDescription: "1",
        userChoise: [],
        value: [],
        answerImg:require("@/books/English/assets/images/matching-one.png")
        answerImg: require("../../assets/images/matching-one.png"),
      },
      questionData: {
        warnUp: {
@@ -2549,7 +2568,7 @@
        "online shopping",
        "facial recognition",
        "electronic payment",
        "intercity  train",
        "intercity train",
        "shared bike",
        "take-away service",
      ],
@@ -2657,6 +2676,7 @@
      };
    },
    setBookQuestion() {
      console.log('保存');
      localStorage.setItem(
        "english-book-question-one",
        JSON.stringify(this.questionData)
@@ -2719,6 +2739,7 @@
          item.value == item.answer
            ? (item.isRight = true)
            : (item.isRight = false);
            console.log(item.value,item.answer);
        }
      }
      this.dropdownData = dropdownDatas;
@@ -2739,6 +2760,9 @@
    },
    saveData() {
      console.log(this.testData);
    },
    audioPlay() {
      this.$emit("closeMiniAudio");
    },
  },
};
@@ -2800,5 +2824,11 @@
select {
  height: 24px;
}

.mini-audio {
  width: 200px;
  height: 200px;
  position: fixed;
  right: 0;
  background-color: red;
}
</style>