|
|
@@ -16,6 +16,8 @@
|
|
|
v-if="fixIcon.length > 0"
|
|
|
:style="{ height: isMobile ? '100%' : '80%' }"
|
|
|
>
|
|
|
+ <h3 id="shoujititle" v-html="data.title"></h3>
|
|
|
+
|
|
|
<div
|
|
|
v-if="!isMobile && videoLength"
|
|
|
@click="slideto('slidePrev')"
|
|
|
@@ -173,11 +175,12 @@ export default {
|
|
|
//点击的时候才加载，防止一次运行过多iframe标签导致页面崩溃
|
|
|
let myFim =document.querySelectorAll('.swiper-wrapper .swiper-slide')
|
|
|
let myFimCente =document.querySelectorAll('.swiper-wrapper .swiper-slide-active iframe')
|
|
|
+ console.log(myFim,myFimCente);
|
|
|
myFim.forEach((v,i)=>{
|
|
|
//拿到当前在屏幕中间的iframe
|
|
|
if(v.className.includes('swiper-slide-active') && i>1) {
|
|
|
// console.log(myFimCente[0].src);
|
|
|
- if(myFimCente[0].src){
|
|
|
+ if(myFimCente[0].src.includes('undefined')){
|
|
|
myFimCente[0].src =this.fixUrl(this.data.model[i])
|
|
|
}
|
|
|
}
|
|
|
@@ -196,7 +199,7 @@ export default {
|
|
|
},
|
|
|
async getData() {
|
|
|
// http://192.168.0.44:8110
|
|
|
- let url = `http://192.168.0.44:8110/data//${
|
|
|
+ let url = `/data/${
|
|
|
this.id
|
|
|
}/hot/js/data.js?time=${Math.random()}`;
|
|
|
let result = (await this.$http.get(url)).data;
|
|
|
@@ -215,7 +218,7 @@ export default {
|
|
|
if (!this.data) {
|
|
|
return alert("热点解析错误");
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
this.audio = this.data["backgroundMusic"];
|
|
|
|
|
|
if (!this.data.content && this.isMobile) {
|
|
|
@@ -243,12 +246,12 @@ export default {
|
|
|
|
|
|
//点击的时候才加载，防止一次运行过多iframe标签导致页面崩溃
|
|
|
let myFim =document.querySelectorAll('.swiper-wrapper .swiper-slide')
|
|
|
- let myFimCente =document.querySelectorAll('.swiper-wrapper .swiper-slide-active iframe')
|
|
|
+ let myFimCente =document.querySelectorAll('.swiper-wrapper .swiper-slide-next iframe')
|
|
|
myFim.forEach((v,i)=>{
|
|
|
//拿到当前在屏幕中间的iframe
|
|
|
- if(v.className.includes('swiper-slide-active') && i>1) {
|
|
|
+ if(v.className.includes('swiper-slide-next') && i>1) {
|
|
|
// console.log(myFimCente[0].src);
|
|
|
- if(myFimCente[0].src){
|
|
|
+ if(myFimCente[0].src.includes('undefined')){
|
|
|
myFimCente[0].src =this.fixUrl(this.data.model[i])
|
|
|
}
|
|
|
}
|
|
|
@@ -260,8 +263,9 @@ export default {
|
|
|
setTimeout(() => {
|
|
|
let videos =document.querySelectorAll('.slide video')
|
|
|
let Imgs =document.querySelectorAll('.slide img')
|
|
|
- // console.log(11111,Imgs.length);
|
|
|
- if(videos.length===1 || Imgs.length===1) this.videoLength = false
|
|
|
+ let iframes = document.querySelectorAll('.slide iframe')
|
|
|
+ // console.log(11111,iframes);
|
|
|
+ if(videos.length===1 || Imgs.length===1 ||iframes.length===1) this.videoLength = false
|
|
|
|
|
|
}, 100);
|
|
|
this.getData();
|
|
|
@@ -313,6 +317,9 @@ export default {
|
|
|
}
|
|
|
|
|
|
.content {
|
|
|
+ #shoujititle{
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
width: 100%;
|
|
|
height: 80%;
|
|
|
.warpper {
|
|
|
@@ -419,6 +426,18 @@ export default {
|
|
|
}
|
|
|
|
|
|
@media screen and (max-width: 1000px) {
|
|
|
+ #shoujititle{
|
|
|
+ display: block !important;
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ transform: translateX(-50%);
|
|
|
+ top: 80px;
|
|
|
+ font-size: 20px;
|
|
|
+ color: #cf7b0e;
|
|
|
+ }
|
|
|
+ .intro h3 {
|
|
|
+ bottom: 100px !important;
|
|
|
+ }
|
|
|
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
|
|
|
bottom: 240px;
|
|
|
}
|
