| | |
| | | <p class="center"> |
| | | <img class="img-0" alt="" src="../../assets/images/0013-3.jpg" /> |
| | | </p> |
| | | <!-- <div> |
| | | <matching :rawData="rawData" :item="question" :value="value"></matching> |
| | | </div> --> |
| | | <h3 id="c003" class="fl al-cn"> |
| | | <span class="bjh3">Reading</span> |
| | | <audio :src="resource.readingOne" controls></audio> |
| | |
| | | <p>along the way 沿途</p> |
| | | </li> |
| | | </ul> |
| | | |
| | | |
| | | |
| | | <div class="bj-note"> |
| | | <p class="m0"><b class="fz-18">Notes:</b></p> |
| | | <p class="m0"> |
| | |
| | | <div class="pageBox"></div> |
| | | </div> |
| | | <!-- 显示当前页和总页数的元素 --> |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import {getResourcePath} from "@/assets/methods/resources"; |
| | | import matching from "@/components/matching/matching.vue"; |
| | | import { getResourcePath } from "@/assets/methods/resources"; |
| | | export default { |
| | | name: "chapter-one", |
| | | components:{matching}, |
| | | props: { |
| | | showPageList: { |
| | | type: Array, |
| | |
| | | showAnswerFive: false, |
| | | showImg: false, |
| | | showQuestionAnswer: false, |
| | | // pageNum: "1", |
| | | // total: "27", |
| | | rawData: { |
| | | left: [ |
| | | { |
| | | oldId: "FB34", |
| | | txt: "Silk", |
| | | }, |
| | | { |
| | | oldId: "64D6", |
| | | txt: "The Great Wall", |
| | | }, |
| | | { |
| | | oldId: "2ED4", |
| | | txt: "Chinese Food", |
| | | }, |
| | | { |
| | | oldId: "44DE", |
| | | txt: "Chinese Tea", |
| | | }, |
| | | ], |
| | | right: [ |
| | | { |
| | | oldId: "64D6", |
| | | txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.", |
| | | }, |
| | | { |
| | | oldId: "FB34", |
| | | txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.", |
| | | }, |
| | | { |
| | | oldId: "2ED4", |
| | | txt: "The clothing material is quite popular among Roman women inancient times.", |
| | | }, |
| | | { |
| | | oldId: "44DE", |
| | | txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.", |
| | | }, |
| | | ], |
| | | }, |
| | | value: [], |
| | | question: { |
| | | KnowledgePoint: "123", |
| | | analysis: "123", |
| | | answer: [ |
| | | { |
| | | id: "FB34", |
| | | 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.", |
| | | value: "The Great Wall", |
| | | }, |
| | | { |
| | | id: "2ED4", |
| | | linkValue: "C", |
| | | value: "Chinese Food", |
| | | }, |
| | | { |
| | | id: "44DE", |
| | | linkValue: "D", |
| | | value: "Chinese Tea", |
| | | }, |
| | | ], |
| | | optionStyle: undefined, |
| | | id: 489306, |
| | | options: { |
| | | linkValues: [ |
| | | { |
| | | oldId: "64D6", |
| | | txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.", |
| | | }, |
| | | { |
| | | oldId: "FB34", |
| | | txt: "The clothing material is quite popular among Roman women inancient times.", |
| | | }, |
| | | { |
| | | oldId: "2ED4", |
| | | txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.", |
| | | }, |
| | | { |
| | | oldId: "44DE", |
| | | txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.", |
| | | }, |
| | | ], |
| | | values: [ |
| | | { |
| | | oldId: "FB34", |
| | | txt: "Silk", |
| | | }, |
| | | { |
| | | oldId: "64D6", |
| | | txt: "The Great Wall", |
| | | }, |
| | | { |
| | | oldId: "2ED4", |
| | | txt: "Chinese Food", |
| | | }, |
| | | { |
| | | oldId: "44DE", |
| | | txt: "Chinese Tea", |
| | | }, |
| | | ], |
| | | }, |
| | | questionType: "matching", |
| | | stem: { |
| | | stemTxt: "按顺序连线", |
| | | }, |
| | | stemStyle: undefined, |
| | | titleDescription: "1", |
| | | userChoise: [], |
| | | value: [], |
| | | }, |
| | | questionData: { |
| | | warnUp: { |
| | | one: { |
| | |
| | | JSON.stringify(this.questionData) |
| | | ); |
| | | }, |
| | | getPath() { |
| | | this.resource.listenOne = getResourcePath( |
| | | async getPath() { |
| | | this.resource.listenOne = await getResourcePath( |
| | | "422139A2EF66EA888C5ED1D550AE23E0" |
| | | ); |
| | | this.resource.readingOne = getResourcePath( |
| | | this.resource.readingOne = await getResourcePath( |
| | | "3F442B682D84C8AB06C800B29D734920" |
| | | ); |
| | | this.resource.readingTwo = getResourcePath( |
| | | this.resource.readingTwo = await getResourcePath( |
| | | "E8719EC88026BCFB11D292AA999F6D3D" |
| | | ); |
| | | }, |
| | |
| | | <template> |
| | | <div class="chapter" num="1"> |
| | | <div class="page-box"> |
| | | <matching :rawData="rawData" :item="question" :value="value"></matching> |
| | | </div> |
| | | <!-- --> |
| | | <div class="page-box mt-20" page="1" style="min-height: auto"> |
| | | <div v-if="showPageList.indexOf(1) > -1"> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import matching from "@/components/matching/matching.vue"; |
| | | |
| | | export default { |
| | | name: "page-header", |
| | | components: { matching }, |
| | | props: { |
| | | showPageList: { |
| | | type: Array, |
| | |
| | | }; |
| | | }) |
| | | .filter((r) => r.right !== undefined); |
| | | this.$emit("input", model); |
| | | // this.$emit("input", model); |
| | | this.item.userChoise = model; |
| | | console.log(JSON.stringify(model)); |
| | | // console.log(JSON.stringify(model)); |
| | | }, |
| | | // 触摸开始 |
| | | touchstart(e, item,index) { |
| | |
| | | if (this.item.showAnswer) { |
| | | return false; |
| | | } |
| | | // let event = e.targetTouches[0]; |
| | | console.log('移动',e); |
| | | this.checkItem.line[2] = e.pageX; |
| | | this.checkItem.line[3] = |
| | | e.pageY - this.$refs.connect.getBoundingClientRect().y + this.scrollTop; |