From 8bc1e13641e9f172e7bdc12abc054c82b565324e Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Fri, 07 Jan 2022 10:23:27 +0800
Subject: [PATCH] +

---
 src/components/mobileWindow/index.vue |   51 +++++++++++++++++++++++++++++++++++++++++++++++----
 1 files changed, 47 insertions(+), 4 deletions(-)

diff --git a/src/components/mobileWindow/index.vue b/src/components/mobileWindow/index.vue
index 181a564..c35f756 100644
--- a/src/components/mobileWindow/index.vue
+++ b/src/components/mobileWindow/index.vue
@@ -4,7 +4,23 @@
     v-show="!MobileWindowsHide"
     id="mobile-map_content_content"
   >
-    <div class="mobiletitle">{{ title }}</div>
+    <div class="mobiletitle">
+      {{ title }}
+      <span class="mobile_audio" @click="openAudio" v-show="introduce">
+        <i class="el-icon-video-play icon" v-show="!audioData"></i>
+        <i class="el-icon-video-pause icon" v-show="audioData"></i>
+        <!-- <div id="bdtts_div_id">
+          <audio id="tts_autio_id" autoplay="autoplay">
+            <source
+              id="tts_source_id"
+              src="http://tts.baidu.com/text2audio?lan=zh&amp;ie=UTF-8&amp;spd=5&amp;per=1&amp;text=请输入文字"
+              type="audio/mpeg"
+            />
+            <embed id="tts_embed_id" height="0" width="0" src="" />
+          </audio>
+        </div> -->
+      </span>
+    </div>
     <div class="mobilelabel-content">
       <div class="mobile-popup-imgs-heard">
         <div class="mobile-popup-imgs-h-close">
@@ -72,7 +88,12 @@
 export default {
   name: "mobileWindow",
   computed: {
-    ...mapGetters(["MobileWindowsHide", "query", "MobileWindowChangeData"]),
+    ...mapGetters([
+      "MobileWindowsHide",
+      "query",
+      "MobileWindowChangeData",
+      "audioData",
+    ]),
   },
   watch: {
     MobileWindowChangeData() {
@@ -200,9 +221,31 @@
         this.$store.dispatch("closeMobileWindowsDom"); //关闭随地图弹窗
       }
     },
+    openAudio() {
+      if (this.introduce) {
+        let Str = document.querySelector(
+          ".mobileBig-center-introduce"
+        ).innerText;
+        this.$store.dispatch("MSET_GETAUDIO", Str);
+      }
+    },
   },
 };
 </script>
 
-<style>
-</style>
\ No newline at end of file
+<style lang="scss">
+.mobile_audio {
+  margin-left: 3px;
+  .icon {
+    font-size: 20px;
+  }
+}
+#bdtts_div_id {
+  width: 100px;
+  height: 100px;
+  display: inline-block;
+  position: absolute;
+  top: -50px;
+  background-color: #fff;
+}
+</style>

--
Gitblit v1.9.3