@@ -6,7 +6,7 @@ | |||||
<div class="swiper-slide" v-for="(item, index) in bannerArray" :key="index"> | <div class="swiper-slide" v-for="(item, index) in bannerArray" :key="index"> | ||||
<div v-if="type === 'image'" class="imagezb"> | <div v-if="type === 'image'" class="imagezb"> | ||||
<img class="swiperimg" :src="item.image"> | <img class="swiperimg" :src="item.image"> | ||||
<el-button>进入直播间</el-button> | |||||
<button class="button" :data-link="item.link" >进入直播间</button> | |||||
<div class="textzb"> | <div class="textzb"> | ||||
<a class="titlezb">主播: {{ item.title }}</a> | <a class="titlezb">主播: {{ item.title }}</a> | ||||
<a class="contentzb">内容: {{ item.subTitle }}</a> | <a class="contentzb">内容: {{ item.subTitle }}</a> | ||||
@@ -74,7 +74,12 @@ export default { | |||||
nextButton: '.swiper-button-next', | nextButton: '.swiper-button-next', | ||||
spaceBetween: 30, | spaceBetween: 30, | ||||
// autoplay: 3000, | // autoplay: 3000, | ||||
loop: true | |||||
loop: true, | |||||
onClick: function (swiper, event) { | |||||
if(event.target.classList == 'button'){ | |||||
window.open(event.target.dataset.link) | |||||
} | |||||
} | |||||
}) | }) | ||||
}, | }, | ||||
videoFn (item) { | videoFn (item) { | ||||
@@ -120,7 +125,7 @@ export default { | |||||
position: relative; | position: relative; | ||||
width: 230px; | width: 230px; | ||||
} | } | ||||
.el-button { | |||||
button { | |||||
margin-left: -73px; | margin-left: -73px; | ||||
border: none; | border: none; | ||||
background: #07CAAF; | background: #07CAAF; | ||||
@@ -10,8 +10,8 @@ | |||||
</div> | </div> | ||||
<img :src="aboutwe.img"> | <img :src="aboutwe.img"> | ||||
</div> | </div> | ||||
<a :href="gg1.link" v-if="gg1.img" target="_blank"> | |||||
<div class="bottom" :style="{ backgroundImage: `url(${gg1.img})` }"/> | |||||
<a :href="gg1.link" v-if="gg1.image" @click="bannerCk(gg1)"> | |||||
<div class="bottom" :style="{ backgroundImage: `url(${gg1.image})` }"/> | |||||
</a> | </a> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -77,12 +77,12 @@ export default { | |||||
async getguanggao () { | async getguanggao () { | ||||
const { data: { code: ggm1, data: gg1 } } = await guanggao(1) | const { data: { code: ggm1, data: gg1 } } = await guanggao(1) | ||||
if (ggm1 === 200) { | if (ggm1 === 200) { | ||||
this.gg1 = { | |||||
img: gg1.image, | |||||
link: gg1.link | |||||
} | |||||
this.gg1 = gg1 | |||||
} | } | ||||
}, | }, | ||||
bannerCk(item) { | |||||
item.newOpen === 1 ? window.open(item.link) : window.location.href = item.link | |||||
}, | |||||
async getaboutUs () { | async getaboutUs () { | ||||
const { data: { code, data } } = await aboutUs() | const { data: { code, data } } = await aboutUs() | ||||
if (code === 200) { | if (code === 200) { | ||||
@@ -41,9 +41,9 @@ | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="gg" v-if="gg1.img"> | |||||
<a :href="gg1.link" target="_blank"> | |||||
<img :src="gg1.img" alt=""> | |||||
<div class="gg" v-if="gg1.image"> | |||||
<a :href="gg1.link" @click="bannerCk(gg1)"> | |||||
<img :src="gg1.image" alt=""> | |||||
</a> | </a> | ||||
</div> | </div> | ||||
<div id="daliay" v-show="aigczb.length > 0"> | <div id="daliay" v-show="aigczb.length > 0"> | ||||
@@ -55,9 +55,9 @@ | |||||
<SwiperHor :banner-array="aigczb" type="image"/> | <SwiperHor :banner-array="aigczb" type="image"/> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="gg gg2" v-if="gg2.img"> | |||||
<a :href="gg2.link" target="_blank"> | |||||
<img :src="gg2.img" alt=""> | |||||
<div class="gg gg2" v-if="gg2.image"> | |||||
<a :href="gg2.link" @click="bannerCk(gg2)"> | |||||
<img :src="gg2.image" alt=""> | |||||
</a> | </a> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -137,16 +137,13 @@ export default { | |||||
const { data: { code: ggm1, data: gg1 } } = await guanggao(1) | const { data: { code: ggm1, data: gg1 } } = await guanggao(1) | ||||
const { data: { code: ggm2, data: gg2 } } = await guanggao(2) | const { data: { code: ggm2, data: gg2 } } = await guanggao(2) | ||||
if (ggm1 === 200 && ggm2 === 200) { | if (ggm1 === 200 && ggm2 === 200) { | ||||
this.gg1 = { | |||||
img: gg1.image, | |||||
link: gg1.link | |||||
} | |||||
this.gg2 = { | |||||
img: gg2.image, | |||||
link: gg2.link | |||||
} | |||||
this.gg1 = gg1 | |||||
this.gg2 = gg2 | |||||
} | } | ||||
}, | }, | ||||
bannerCk(item) { | |||||
item.newOpen === 1 ? window.open(item.link) : window.location.href = item.link | |||||
}, | |||||
async getshuzirenremark () { | async getshuzirenremark () { | ||||
const { data: { code, data } } = await shuzirenremark() | const { data: { code, data } } = await shuzirenremark() | ||||
if (code === 200) { | if (code === 200) { | ||||
@@ -26,7 +26,7 @@ | |||||
</el-carousel> | </el-carousel> | ||||
</div> | </div> | ||||
<HotNews v-if="display" :list="hotnewsList" :type="1"/> | <HotNews v-if="display" :list="hotnewsList" :type="1"/> | ||||
<a :href="gg1.link" v-if="gg1.image" target="_blank"> | |||||
<a :href="gg1.link" v-if="gg1.image" @click="bannerCk(gg1)"> | |||||
<img class="bottom" :src="gg1.image" alt=""> | <img class="bottom" :src="gg1.image" alt=""> | ||||
</a> | </a> | ||||
</div> | </div> | ||||
@@ -55,7 +55,7 @@ | |||||
</el-carousel-item> | </el-carousel-item> | ||||
</el-carousel> | </el-carousel> | ||||
</div> | </div> | ||||
<a :href="gg2.link" v-if="gg2.image" target="_blank"> | |||||
<a :href="gg2.link" v-if="gg2.image" @click="bannerCk(gg2)"> | |||||
<img class="bottom" :src="gg2.image" alt=""> | <img class="bottom" :src="gg2.image" alt=""> | ||||
</a> | </a> | ||||
</div> | </div> | ||||
@@ -140,6 +140,9 @@ export default { | |||||
if (ggm1 === 200) this.gg1 = gg1 | if (ggm1 === 200) this.gg1 = gg1 | ||||
if (ggm2 === 200) this.gg2 = gg2 | if (ggm2 === 200) this.gg2 = gg2 | ||||
}, | }, | ||||
bannerCk(item) { | |||||
item.newOpen === 1 ? window.open(item.link) : window.location.href = item.link | |||||
}, | |||||
async getLink () { | async getLink () { | ||||
const { data: { code, data: { link: alink } } } = await link() | const { data: { code, data: { link: alink } } } = await link() | ||||
if (code === 200) { | if (code === 200) { | ||||
@@ -4,8 +4,8 @@ | |||||
<div id="hot"> | <div id="hot"> | ||||
<div class="content"> | <div class="content"> | ||||
<HotNews v-if="display" :list="hotnewsList" :type="1"/> | <HotNews v-if="display" :list="hotnewsList" :type="1"/> | ||||
<a :href="gg1.link" v-if="gg1.img" target="_blank"> | |||||
<img class="bottom" :src="gg1.img" alt=""> | |||||
<a :href="gg1.link" v-if="gg1.image" @click="bannerCk(gg1)"> | |||||
<img class="bottom" :src="gg1.image" alt=""> | |||||
</a> | </a> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -24,8 +24,8 @@ | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<a :href="gg2.link" v-if="gg2.img" target="_blank" class="banner"> | |||||
<img :src="gg2.img" alt=""> | |||||
<a :href="gg2.link" v-if="gg2.image" @click="bannerCk(gg2)">class="banner"> | |||||
<img :src="gg2.image" alt=""> | |||||
</a> | </a> | ||||
<div id="wk"> | <div id="wk"> | ||||
<div class="content"> | <div class="content"> | ||||
@@ -111,16 +111,13 @@ export default { | |||||
const { data: { code: ggm1, data: gg1 } } = await guanggao(1) | const { data: { code: ggm1, data: gg1 } } = await guanggao(1) | ||||
const { data: { code: ggm2, data: gg2 } } = await guanggao(2) | const { data: { code: ggm2, data: gg2 } } = await guanggao(2) | ||||
if (ggm1 === 200 && ggm2 === 200) { | if (ggm1 === 200 && ggm2 === 200) { | ||||
this.gg1 = { | |||||
img: gg1.image, | |||||
link: gg1.link | |||||
} | |||||
this.gg2 = { | |||||
img: gg2.image, | |||||
link: gg2.link | |||||
} | |||||
this.gg1 = gg1 | |||||
this.gg2 = gg2 | |||||
} | } | ||||
}, | }, | ||||
bannerCk(item) { | |||||
item.newOpen === 1 ? window.open(item.link) : window.location.href = item.link | |||||
}, | |||||
async gethotlist () { | async gethotlist () { | ||||
const { data: { code, data } } = await hotlist() | const { data: { code, data } } = await hotlist() | ||||
if (code === 200) { | if (code === 200) { | ||||
@@ -6,9 +6,9 @@ | |||||
<HotNews v-if="display" :list="hotnewsList" :type="1"/> | <HotNews v-if="display" :list="hotnewsList" :type="1"/> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="gg" v-if="gg1.img" > | |||||
<a :href="gg1.link" target="_blank"> | |||||
<img :src="gg1.img" alt=""> | |||||
<div class="gg" v-if="gg1.image" > | |||||
<a :href="gg1.link" @click="bannerCk(gg1)"> | |||||
<img :src="gg1.image" alt=""> | |||||
</a> | </a> | ||||
</div> | </div> | ||||
<div id="daliay"> | <div id="daliay"> | ||||
@@ -28,9 +28,9 @@ | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="gg" v-if="gg2.img"> | |||||
<a :href="gg2.link" target="_blank"> | |||||
<img :src="gg2.img" alt=""> | |||||
<div class="gg" v-if="gg2.image"> | |||||
<a :href="gg2.link" @click="bannerCk(gg2)"> | |||||
<img :src="gg2.image" alt=""> | |||||
</a> | </a> | ||||
</div> | </div> | ||||
<div id="wk"> | <div id="wk"> | ||||
@@ -107,16 +107,13 @@ export default { | |||||
const { data: { code: ggm2, data: gg2 } } = await guanggao(2) | const { data: { code: ggm2, data: gg2 } } = await guanggao(2) | ||||
if (ggm1 === 200 && ggm2 === 200) { | if (ggm1 === 200 && ggm2 === 200) { | ||||
this.gg1 = { | |||||
img: gg1.image, | |||||
link: gg1.link | |||||
} | |||||
this.gg2 = { | |||||
img: gg2.image, | |||||
link: gg2.link | |||||
} | |||||
this.gg1 = gg1 | |||||
this.gg2 = gg2 | |||||
} | } | ||||
}, | }, | ||||
bannerCk(item) { | |||||
item.newOpen === 1 ? window.open(item.link) : window.location.href = item.link | |||||
}, | |||||
async getlunboList () { | async getlunboList () { | ||||
const { data: { code, data } } = await lunboList() | const { data: { code, data } } = await lunboList() | ||||
if (code === 200) { | if (code === 200) { | ||||