From 870e0b3c8361cfa8af3facf67b08f1f5be66252a Mon Sep 17 00:00:00 2001 From: user1 <10901603+no-distractions1@user.noreply.gitee.com> Date: 星期四, 13 六月 2024 10:13:49 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/English/view/components/chapter001.vue | 80 ++++++++++++++++++++++++++++------------ 1 files changed, 56 insertions(+), 24 deletions(-) diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue index 4a537d1..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></audio> + <audio + :src="resource.listenOne" + controls + class="audio" + @play="audioPlay" + ></audio> </h3> <p> <b @@ -514,15 +519,24 @@ corresponding descriptions.</b > </p> - <p class="center"> + <!-- <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> --> + </p> --> + <div> + <ul class="fl ju-bt"> + <li>Speakers銆�Chinese Cultural Symbols</li> + <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 @@ -731,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"> @@ -2276,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"> 閲嶅仛 @@ -2311,7 +2327,7 @@ import { getResourcePath } from "@/assets/methods/resources"; export default { name: "chapter-one", - components:{matching}, + components: { matching }, props: { showPageList: { type: Array, @@ -2331,19 +2347,19 @@ left: [ { oldId: "FB34", - txt: "Silk", + txt: "Martin銆�銆�銆�銆�Silk", }, { oldId: "64D6", - txt: "The Great Wall", + txt: "Jessica銆�銆�The Great Wall", }, { oldId: "2ED4", - txt: "Chinese Food", + txt: "Soren銆�銆�Chinese Food", }, { oldId: "44DE", - txt: "Chinese Tea", + txt: "Chinese銆�銆�銆�銆�Tea", }, ], right: [ @@ -2372,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: "C", + linkValue: + "It is very delicious and I like the hot and spicy Sichuan lavor hest.", value: "Chinese Food", }, { id: "44DE", - linkValue: "D", + linkValue: + "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.", value: "Chinese Tea", }, ], @@ -2400,6 +2420,10 @@ txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.", }, { + oldId: "44DE", + txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.", + }, + { oldId: "FB34", txt: "The clothing material is quite popular among Roman women inancient times.", }, @@ -2407,15 +2431,11 @@ 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", + txt: "Martin Silk", }, { oldId: "64D6", @@ -2439,6 +2459,7 @@ titleDescription: "1", userChoise: [], value: [], + answerImg: require("../../assets/images/matching-one.png"), }, questionData: { warnUp: { @@ -2651,6 +2672,7 @@ }; }, setBookQuestion() { + console.log('淇濆瓨'); localStorage.setItem( "english-book-question-one", JSON.stringify(this.questionData) @@ -2734,6 +2756,9 @@ saveData() { console.log(this.testData); }, + audioPlay() { + this.$emit("closeMiniAudio"); + }, }, }; </script> @@ -2794,4 +2819,11 @@ select { height: 24px; } +.mini-audio { + width: 200px; + height: 200px; + position: fixed; + right: 0; + background-color: red; +} </style> -- Gitblit v1.9.1