From 92845ee4a3898c4c65bc85bbbe777e4595897e3d Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期二, 02 七月 2024 14:43:29 +0800
Subject: [PATCH] 语音阅读小窗
---
src/views/readerPages/webHome.vue | 81 +++++++++++++++++++++++++++++++++-------
1 files changed, 66 insertions(+), 15 deletions(-)
diff --git a/src/views/readerPages/webHome.vue b/src/views/readerPages/webHome.vue
index 34bd1d5..796cff7 100644
--- a/src/views/readerPages/webHome.vue
+++ b/src/views/readerPages/webHome.vue
@@ -141,7 +141,7 @@
<div>闄勫姞棰�</div>
<div :class="exercisesType == 'additional' ? 'text' : 'line'"></div>
</div>
- <hr class="hr" v-if="bookConfig.textbookComponents.indexOf('AFC1A288') > -1" />
+ <!-- <hr class="hr" v-if="bookConfig.textbookComponents.indexOf('AFC1A288') > -1" />
<div
class="tabItem hover"
@click="selectExercisesType('wrong')"
@@ -149,8 +149,8 @@
>
<div>閿欓鏈�</div>
<div :class="exercisesType == 'wrong' ? 'text' : 'line'"></div>
- </div>
- <hr class="hr" v-if="bookConfig.textbookComponents.indexOf('A434F2C0') > -1" />
+ </div> -->
+ <!-- <hr class="hr" v-if="bookConfig.textbookComponents.indexOf('A434F2C0') > -1" />
<div
class="tabItem hover"
@click="selectExercisesType('collection')"
@@ -158,7 +158,7 @@
>
<div>鏀惰棌澶�</div>
<div :class="exercisesType == 'collection' ? 'text' : 'line'"></div>
- </div>
+ </div> -->
</div>
</div>
<!-- 鐩綍 -->
@@ -363,14 +363,14 @@
v-else-if="item.icon && activeClassify != 'image'"
/>
<!-- <el-icon v-else-if="activeClassify == 'image'" size="30"></el-icon> -->
- <el-icon v-else-if="activeClassify == 'audio'" size="30"><Headset /></el-icon>
- <el-icon v-else-if="activeClassify == 'video'" size="30"
+ <!-- <el-icon v-else-if="activeClassify == 'audio'" size="30"><Headset /></el-icon> -->
+ <!-- <el-icon v-else-if="activeClassify == 'video'" size="30"
><VideoCamera
- /></el-icon>
- <el-icon v-else-if="activeClassify == 'other'" size="30"><Files /></el-icon>
- <el-icon v-else-if="activeClassify == 'exercises'" size="30"
- ><Tickets
- /></el-icon>
+ /></el-icon> -->
+ <!-- <el-icon v-else-if="activeClassify == 'other'" size="30"><Files /></el-icon> -->
+ <img src="@/assets/images/resource/yp-mr.png" v-else-if="activeClassify == 'audio'" />
+ <img src="@/assets/images/resource/sp-mr.png" v-else-if="activeClassify == 'video'" />
+ <img src="@/assets/images/resource/qt-mr.png" v-else-if="activeClassify == 'other'" />
<div class="handleBox" v-if="showHandle == index">
<div class="delImg">
<el-icon
@@ -535,6 +535,11 @@
</div>
</div>
</div>
+ <!-- 棰樺簱搴曢儴鏀惰棌澶瑰拰閿欓闆� -->
+ <ul class="question-bottom" v-if="activeMenu == '棰樺簱'">
+ <li @click="selectExercisesType('collection')">鏀惰棌澶�</li>
+ <li @click="selectExercisesType('wrong')">閿欓鏈�</li>
+ </ul>
<!-- 鑿滃崟鍐呭鏀惰捣 -->
<div class="menuStateBox" v-if="menuState.open">
<svg
@@ -810,6 +815,10 @@
</div>
</div>
</div>
+ <!-- 璇煶闃呰缁勪欢 -->
+ <!-- <div class="voice-reader">
+ <voiceReader />
+ </div> -->
</div>
<!-- 鏁欏缁勪欢 -->
<div class="toolBox">
@@ -1237,6 +1246,10 @@
:type="examinationData.type"
:infoType="examinationData.infoType"
/>
+ <!-- 璁＄畻鍣� -->
+ <el-dialog title="璁＄畻鍣�" align-center v-model="calculatorVisble" width="40%">
+
+ </el-dialog>
</template>
<script setup lang="ts">
@@ -1258,6 +1271,7 @@
import dictionary from '@/views/components/dictionary.vue'
import newWord from '@/views/components/newWord.vue'
import wrongQuestion from '@/views/components/wrongQuestion.vue'
+import voiceReader from '@/views/components/voiceReader.vue'
import { ElMessage, ElMessageBox, valueEquals } from 'element-plus'
import logo from '@/assets/images/header/logo.png'
import mulu from '@/assets/images/menu/mulu.png'
@@ -2201,6 +2215,8 @@
})
}
}
+ } else {
+ resourceDataList.value = []
}
})
} else {
@@ -2340,18 +2356,19 @@
//閿欓鏈�
const wrongQuestionVisble = ref(false)
const selectExercisesType = (type) => {
- exercisesType.value = type
- searchText.value = ''
+
if (type == 'exercises') {
getExercisesList()
+ exercisesType.value = type
+ searchText.value = ''
} else if (type == 'additional') {
getAdditionalList()
+ exercisesType.value = type
+ searchText.value = ''
} else if (type == 'wrong') {
openExaminationDialog(true, {}, 'errorQuestion')
- questionList.value = []
} else {
openExaminationDialog(true, {}, 'collectQuestion')
- questionList.value = []
}
}
// 棰樺垪琛ㄧ偣鍑�
@@ -2690,6 +2707,7 @@
const siweiVisble = ref(false)
const modelToolVisble = ref(false)
const shengciVisble = ref(false)
+const calculatorVisble = ref(false)
const activeTool = ref(0)
const toolState = reactive({
open: true
@@ -2718,6 +2736,10 @@
case '鐢熻瘝鍗＄墖':
resourceUrl.value = bookConfig.value.resourceUrl
shengciVisble.value = true
+ break
+ case '璁＄畻鍣�':
+ calculatorVisble.value = true
+ break
}
} else {
ElMessageBox.confirm('璇峰厛鐧诲綍锛�', {
@@ -4112,6 +4134,7 @@
}
}
.menuContent {
+ // position: relative;
width: 300px;
flex-shrink: 0;
height: calc(100vh - 48px);
@@ -4531,6 +4554,29 @@
.screenshotList {
height: calc(100% - 60px);
overflow-y: auto;
+ }
+ .questionList {
+ height:83%
+ }
+ .question-bottom {
+ position: absolute;
+ bottom: 0;
+ display: flex;
+ justify-content: space-evenly;
+ width:300px;
+ padding:20px 0;
+ background-color:#fff;
+ li {
+ cursor: pointer;
+ width: 65px;
+ height:65px;
+ border:1px solid #cfcfcf;
+ border-radius:10px;
+ background-color:#f9f9f9;
+ display:flex;
+ justify-content: center;
+ align-items: center;
+ }
}
}
.menuStateBox {
@@ -5097,4 +5143,9 @@
width: 100%;
}
}
+.voice-reader {
+ position:absolute;
+ bottom:30px;
+ left:50px;
+}
</style>
--
Gitblit v1.9.1