|
@@ -10,7 +10,7 @@
|
|
|
id="audioTag"
|
|
|
class="noshow"
|
|
|
autoplay
|
|
|
- :src="hotspot.backgroundMusic"
|
|
|
+ :src="g_dealUrl(hotspot.backgroundMusic)"
|
|
|
></audio>
|
|
|
<div class="title">{{ hotspot.title }}</div>
|
|
|
<div class="img-con">
|
|
@@ -31,7 +31,10 @@
|
|
|
"
|
|
|
alt=""
|
|
|
/>
|
|
|
- <span class="time">{{ time }}</span>
|
|
|
+ <div class="time">
|
|
|
+ <span>{{ time }}</span
|
|
|
+ ><span> / {{ allTime }}</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -47,7 +50,7 @@
|
|
|
class="noshow"
|
|
|
autoplay
|
|
|
preload
|
|
|
- :src="hotspot.backgroundMusic"
|
|
|
+ :src="g_dealUrl(hotspot.backgroundMusic)"
|
|
|
></audio>
|
|
|
<div class="title" v-html="hotspot.title"></div>
|
|
|
<div class="img-con">
|
|
@@ -149,10 +152,6 @@ export default {
|
|
|
this.isPlay = true;
|
|
|
});
|
|
|
|
|
|
- $("#audioTag").on("canplaythrough", (e) => {
|
|
|
- this._audio.play()
|
|
|
- });
|
|
|
-
|
|
|
document.addEventListener("WeixinJSBridgeReady", function () {
|
|
|
this._audio.play()
|
|
|
}, false);
|
|
@@ -161,6 +160,10 @@ export default {
|
|
|
this.updateProgress();
|
|
|
});
|
|
|
|
|
|
+ $("#audioTag").on("timeupdate", () => {
|
|
|
+ this.updateProgress();
|
|
|
+ });
|
|
|
+
|
|
|
$("#audioTag").on("ended", () => {
|
|
|
this.audioEnded();
|
|
|
});
|
|
@@ -259,11 +262,20 @@ export default {
|
|
|
width: 30px;
|
|
|
height: 36px;
|
|
|
}
|
|
|
+
|
|
|
.time {
|
|
|
- width: 60px;
|
|
|
- text-align: left;
|
|
|
- flex-shrink: 0;
|
|
|
- font-weight: bold;
|
|
|
+ width: 100px;
|
|
|
+ text-align: center;
|
|
|
+ margin: 0 auto 10px;
|
|
|
+ > span {
|
|
|
+ &:first-of-type {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:last-of-type {
|
|
|
+ color: @color;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|