+

liuyg

2022-01-07 8bc1e13641e9f172e7bdc12abc054c82b565324e

 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>
<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>