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 | 33 ++++++++++++++++++++++++++-------
1 files changed, 26 insertions(+), 7 deletions(-)
diff --git a/src/views/readerPages/webHome.vue b/src/views/readerPages/webHome.vue
index 537ece1..796cff7 100644
--- a/src/views/readerPages/webHome.vue
+++ b/src/views/readerPages/webHome.vue
@@ -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
@@ -815,6 +815,10 @@
</div>
</div>
</div>
+ <!-- 璇煶闃呰缁勪欢 -->
+ <!-- <div class="voice-reader">
+ <voiceReader />
+ </div> -->
</div>
<!-- 鏁欏缁勪欢 -->
<div class="toolBox">
@@ -1242,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">
@@ -1263,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'
@@ -2698,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
@@ -2726,6 +2736,10 @@
case '鐢熻瘝鍗＄墖':
resourceUrl.value = bookConfig.value.resourceUrl
shengciVisble.value = true
+ break
+ case '璁＄畻鍣�':
+ calculatorVisble.value = true
+ break
}
} else {
ElMessageBox.confirm('璇峰厛鐧诲綍锛�', {
@@ -5129,4 +5143,9 @@
width: 100%;
}
}
+.voice-reader {
+ position:absolute;
+ bottom:30px;
+ left:50px;
+}
</style>
--
Gitblit v1.9.1