优化

闫增涛

2024-06-06 c30954de22f1840122c35c7d7c6a5e513b3272c4

优化

 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 class="audio" @play="audioPlay"></audio>
              <audio
                :src="resource.listenOne"
                controls
                class="audio"
                @play="audioPlay"
              ></audio>
            </h3>
            <p>
              <b
@@ -520,13 +525,18 @@
            <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 class="audio" @play="audioPlay"></audio>
              <audio
                :src="resource.readingOne"
                controls
                class="audio"
                @play="audioPlay"
              ></audio>
            </h3>
            <p>
              1.How was Chinese culture introduced to the world in ancient
@@ -2282,14 +2292,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">
                  重做
@@ -2317,7 +2327,7 @@
import { getResourcePath } from "@/assets/methods/resources";
export default {
  name: "chapter-one",
  components:{matching},
  components: { matching },
  props: {
    showPageList: {
      type: Array,
@@ -2378,22 +2388,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",
          },
        ],
@@ -2417,7 +2431,6 @@
              oldId: "2ED4",
              txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
            },

          ],
          values: [
            {
@@ -2446,7 +2459,7 @@
        titleDescription: "1",
        userChoise: [],
        value: [],
        answerImg:require("@/books/English/assets/images/matching-one.png")
        answerImg: require("@/books/English/assets/images/matching-one.png"),
      },
      questionData: {
        warnUp: {
@@ -2743,8 +2756,8 @@
      console.log(this.testData);
    },
    audioPlay() {
      this.$emit("closeMiniAudio")
    }
      this.$emit("closeMiniAudio");
    },
  },
};
</script>
@@ -2809,7 +2822,7 @@
  width: 200px;
  height: 200px;
  position: fixed;
  right:0;
  right: 0;
  background-color: red;
}
</style>

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

@@ -57,6 +57,7 @@
              <span class="wh-nr">男童音</span>
              <audio :src="auidoPathOne" controls></audio>
            </li>
            <li class="division-line"></li>
            <li class="fl al-cn">
              <span class="wh-nr">
                女童音
@@ -191,4 +192,9 @@
  top: 33%;
  left: 23%;
}
.division-line {
  width: 2px;
  height: 100%;
  background-color: red;
}
</style>

 src/components/matching/matching.vue

@@ -341,13 +341,7 @@
        });
      }
      this.isRight = this.areArraysEqual(this.item.userChoise,answerArr)
      this.item.showAnswer = true
      // console.log(
      //   "答案",
      //   answerArr,
      //   this.item.userChoise,
      //   this.isRight 
      // );
      this.isShowAnswer =true
    },
    // 获取当前页码
    handlePage() {
@@ -396,6 +390,7 @@
      }
      this.leftArr
      this.drawing()
      this.isShowAnswer = false
    }
  },
};