| @@ -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) { | ||||