|
|
@@ -14,25 +14,24 @@
|
|
|
<transition name="slide-up">
|
|
|
<div class="box-content" v-if="showBox">
|
|
|
<div class="title">
|
|
|
- <div class="voice-btn" style="visibility:hidden">
|
|
|
- </div>
|
|
|
+ <div class="voice-btn" style="visibility:hidden"></div>
|
|
|
<div class="name">{{message[nowMessage].title}}介绍</div>
|
|
|
<div class="voice-btn" v-if="isVoice" @click="changeVoice(false)">
|
|
|
<img src="../assetsPre/icon_zanting.png" alt="">
|
|
|
</div>
|
|
|
- <div class="voice-btn" v-else @click="changeVoice(true)">
|
|
|
- <img src="../assetsPre/icon_bofang.png" alt="">
|
|
|
+ <div class="voice-btn" v-else @click="changeVoice(true)">
|
|
|
+ <img src="../assetsPre/icon_bofang.png" alt="">
|
|
|
</div>
|
|
|
|
|
|
- </div>
|
|
|
- <div class="message">
|
|
|
- {{message[nowMessage].content}}
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="message">
|
|
|
+ {{message[nowMessage].content}}
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="showbtn" @click="goNext" v-if="nowMessage!='展馆'">
|
|
|
- 查看参展企业列表
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="showbtn" @click="goNext" v-if="nowMessage!='展馆'">
|
|
|
+ 查看参展企业列表
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
</transition>
|
|
|
<audio style="display:none" ref='music' :src="message[nowMessage].voice" controls="controls">
|
|
|
@@ -56,17 +55,17 @@ export default {
|
|
|
'4号馆': {
|
|
|
title: '赋能智造馆',
|
|
|
content: '“赋能智造馆”，在4号展馆，重点展示为智能制造实践提供相关动能的内容和领域，如5G应用，工业互联、云制造，人工智能，工业软件，智能终端，传感器、智能芯片等。',
|
|
|
- voice: 'http://oss.izouma.com/zhinengdahui/audio/2018-10-08-11-27-16-eoxqhm99.mp3'
|
|
|
+ voice: 'http://oss.izouma.com/zhinengdahui/audio/2018-10-09-10-36-53-4iej31bp.mp3'
|
|
|
},
|
|
|
'5号馆': {
|
|
|
title: '生态智造馆',
|
|
|
content: '“生态智造馆”。在5号展馆，重点展示围绕智能制造构建的政策、科技、人才、园区、平台、技术等生态支撑系统。',
|
|
|
- voice: 'http://oss.izouma.com/zhinengdahui/audio/2018-10-08-11-27-16-eoxqhm99.mp3'
|
|
|
+ voice: 'http://oss.izouma.com/zhinengdahui/audio/2018-10-09-10-37-29-0zhfed3z.mp3'
|
|
|
},
|
|
|
'6号馆': {
|
|
|
title: '国际及综合应用馆',
|
|
|
content: '“国际及综合应用馆”。在6号馆，重点展示世界范围内智能制造领域的关键技术、核心产品、解决方案及相关行业应用等。',
|
|
|
- voice: 'http://oss.izouma.com/zhinengdahui/audio/2018-10-08-11-27-16-eoxqhm99.mp3'
|
|
|
+ voice: 'http://oss.izouma.com/zhinengdahui/audio/2018-10-09-10-37-54-1og69577.mp3'
|
|
|
},
|
|
|
'5A馆': {
|
|
|
title: '登陆厅',
|
|
|
@@ -100,7 +99,9 @@ export default {
|
|
|
},
|
|
|
changeVoice(value) {
|
|
|
if (value) {
|
|
|
- this.$refs.music.play();
|
|
|
+ setTimeout(() => {
|
|
|
+ this.$refs.music.play();
|
|
|
+ }, 500)
|
|
|
this.isVoice = true;
|
|
|
}
|
|
|
else {
|
|
|
@@ -128,7 +129,7 @@ export default {
|
|
|
background-position: center center;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
- justify-content:space-between;
|
|
|
+ justify-content: space-between;
|
|
|
min-height: 480px;
|
|
|
|
|
|
.topImg {
|
