|
|
@@ -1,7 +1,8 @@
|
|
|
<template>
|
|
|
<div class="container" :style="{backgroundImage:'url('+require('../assetsPre/bg.jpg')+')'}">
|
|
|
<img class="topImg" @click="showBoxEve('展馆')" src="../assetsPre/img_bioati.png" alt="">
|
|
|
-
|
|
|
+ <audio ref='music' style="display:none" :src="message[nowMessage].voice" controls="controls">
|
|
|
+ </audio>
|
|
|
<div class="btns">
|
|
|
<div @click="showBoxEve('4号馆')" :style="{backgroundImage:'url('+require('../assetsPre/btu_xiao.png')+')'}" class="btn-item">4号馆</div>
|
|
|
<div @click="showBoxEve('5号馆')" :style="{backgroundImage:'url('+require('../assetsPre/btu_xiao.png')+')'}" class="btn-item">5号馆</div>
|
|
|
@@ -34,8 +35,7 @@
|
|
|
</div>
|
|
|
|
|
|
</transition>
|
|
|
- <audio style="display:none" ref='music' :src="message[nowMessage].voice" controls="controls">
|
|
|
- </audio>
|
|
|
+
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -82,6 +82,11 @@ export default {
|
|
|
this.changeVoice(this.showBox)
|
|
|
}
|
|
|
},
|
|
|
+ mounted() {
|
|
|
+ setTimeout(()=>{
|
|
|
+ // this.$refs.music.play();
|
|
|
+ },500)
|
|
|
+ },
|
|
|
methods: {
|
|
|
goBack() {
|
|
|
this.$router.go(-1);
|
|
|
@@ -93,11 +98,12 @@ export default {
|
|
|
return
|
|
|
}
|
|
|
this.showBox = true
|
|
|
- // this.$refs.music.play();
|
|
|
+ this.changeVoice(true)
|
|
|
|
|
|
|
|
|
},
|
|
|
changeVoice(value) {
|
|
|
+ this.$refs.music.pause();
|
|
|
if (value) {
|
|
|
setTimeout(() => {
|
|
|
this.$refs.music.play();
|
|
|
@@ -158,6 +164,7 @@ export default {
|
|
|
letter-spacing: 1px;
|
|
|
cursor: pointer;
|
|
|
margin-top: 20px;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
}
|
|
|
}
|
