| | |
| | | <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 |
| | |
| | | <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 |
| | |
| | | </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"> |
| | | 重做 |
| | |
| | | import { getResourcePath } from "@/assets/methods/resources"; |
| | | export default { |
| | | name: "chapter-one", |
| | | components:{matching}, |
| | | components: { matching }, |
| | | props: { |
| | | showPageList: { |
| | | type: Array, |
| | |
| | | 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", |
| | | }, |
| | | ], |
| | |
| | | oldId: "2ED4", |
| | | txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.", |
| | | }, |
| | | |
| | | ], |
| | | values: [ |
| | | { |
| | |
| | | titleDescription: "1", |
| | | userChoise: [], |
| | | value: [], |
| | | answerImg:require("@/books/English/assets/images/matching-one.png") |
| | | answerImg: require("../../assets/images/matching-one.png"), |
| | | }, |
| | | questionData: { |
| | | warnUp: { |
| | |
| | | }; |
| | | }, |
| | | setBookQuestion() { |
| | | console.log('保存'); |
| | | localStorage.setItem( |
| | | "english-book-question-one", |
| | | JSON.stringify(this.questionData) |
| | |
| | | console.log(this.testData); |
| | | }, |
| | | audioPlay() { |
| | | this.$emit("closeMiniAudio") |
| | | } |
| | | this.$emit("closeMiniAudio"); |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | |
| | | width: 200px; |
| | | height: 200px; |
| | | position: fixed; |
| | | right:0; |
| | | right: 0; |
| | | background-color: red; |
| | | } |
| | | </style> |