From a954bafb1bb4a70b2baf768230f2c50fd5c7163c Mon Sep 17 00:00:00 2001 From: YM <479443481@qq.com> Date: 星期四, 13 六月 2024 14:20:53 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/English/view/components/chapter001.vue | 52 +++++++++++++++++++++++++++++++++++----------------- 1 files changed, 35 insertions(+), 17 deletions(-) diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue index d7b3a6e..34edb72 100644 --- a/src/books/English/view/components/chapter001.vue +++ b/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"></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 class="audio"></audio> + <audio + :src="resource.readingOne" + controls + class="audio" + @play="audioPlay" + ></audio> </h3> <p> 1.How was Chinese culture introduced to the world in ancient @@ -736,6 +746,7 @@ controls style="margin-left: 10px" class="audio" + @play="audioPlay" ></audio> <p>wonderland /藞w蕦nd蓹l忙nd/ <i>n.</i> 鏈夎澶氬濡欎簨鐗╃殑鍦版柟</p> <div class="bkbj"> @@ -2281,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"> 閲嶅仛 @@ -2316,7 +2327,7 @@ import { getResourcePath } from "@/assets/methods/resources"; export default { name: "chapter-one", - components:{matching}, + components: { matching }, props: { showPageList: { type: Array, @@ -2377,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", }, ], @@ -2416,7 +2431,6 @@ oldId: "2ED4", txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.", }, - ], values: [ { @@ -2445,7 +2459,7 @@ titleDescription: "1", userChoise: [], value: [], - answerImg:require("@/books/English/assets/images/matching-one.png") + answerImg: require("../../assets/images/matching-one.png"), }, questionData: { warnUp: { @@ -2658,6 +2672,7 @@ }; }, setBookQuestion() { + console.log('淇濆瓨'); localStorage.setItem( "english-book-question-one", JSON.stringify(this.questionData) @@ -2741,6 +2756,9 @@ saveData() { console.log(this.testData); }, + audioPlay() { + this.$emit("closeMiniAudio"); + }, }, }; </script> @@ -2805,7 +2823,7 @@ width: 200px; height: 200px; position: fixed; - right:0; + right: 0; background-color: red; } </style> -- Gitblit v1.9.1