|
@@ -59,7 +59,7 @@
|
|
<video id="back_video" :style="fixStyle" class="video fillWidth" muted autoplay loop playsinline preload="metadata" crossorigin="anoymous" v-if="pageData.type1=='video'">
|
|
<video id="back_video" :style="fixStyle" class="video fillWidth" muted autoplay loop playsinline preload="metadata" crossorigin="anoymous" v-if="pageData.type1=='video'">
|
|
<source :src="pageData.url1" type="video/mp4" />
|
|
<source :src="pageData.url1" type="video/mp4" />
|
|
</video>
|
|
</video>
|
|
- <el-image :src="pageData.url1" class="video fillWidth" fit="cover" v-if="pageData.type1=='image'"></el-image>
|
|
|
|
|
|
+ <el-image :lazy="true" :src="pageData.url1" class="video fillWidth" fit="cover" v-if="pageData.type1=='image'"></el-image>
|
|
</div>
|
|
</div>
|
|
<div class="subTitle">
|
|
<div class="subTitle">
|
|
<h2 v-html="pageData.subtitle1"></h2>
|
|
<h2 v-html="pageData.subtitle1"></h2>
|
|
@@ -88,7 +88,7 @@
|
|
<div v-for="(item,index) in pageList" :key="index" class="two">
|
|
<div v-for="(item,index) in pageList" :key="index" class="two">
|
|
<div class="video_bg" :id="'video' + index">
|
|
<div class="video_bg" :id="'video' + index">
|
|
<video :src="item.url" muted autoplay loop playsinline preload="metadata" crossorigin="anymous" v-if="item.type2=='video'"></video>
|
|
<video :src="item.url" muted autoplay loop playsinline preload="metadata" crossorigin="anymous" v-if="item.type2=='video'"></video>
|
|
- <el-image :src="item.url" fit="cover" class="img" v-if="item.type2=='image'"></el-image>
|
|
|
|
|
|
+ <el-image :lazy="true" :src="item.url" fit="cover" class="img" v-if="item.type2=='image'"></el-image>
|
|
<div class="content hflex jbetween">
|
|
<div class="content hflex jbetween">
|
|
<div class="content_left">
|
|
<div class="content_left">
|
|
<div class="name">{{ item.title }}</div>
|
|
<div class="name">{{ item.title }}</div>
|
|
@@ -116,14 +116,14 @@
|
|
<div class="three">
|
|
<div class="three">
|
|
<div class="video_bg">
|
|
<div class="video_bg">
|
|
<video id="videos" :src="pageData.url2" muted autoplay loop playsinline preload="metadata" crossorigin="anymous" v-if="pageData.type2 == 'video'"></video>
|
|
<video id="videos" :src="pageData.url2" muted autoplay loop playsinline preload="metadata" crossorigin="anymous" v-if="pageData.type2 == 'video'"></video>
|
|
- <el-image id="videos" class="videos_img" :src="pageData.url2" fit="cover" v-if="pageData.type2 == 'image'"></el-image>
|
|
|
|
|
|
+ <el-image :lazy="true" id="videos" class="videos_img" :src="pageData.url2" fit="cover" v-if="pageData.type2 == 'image'"></el-image>
|
|
</div>
|
|
</div>
|
|
<div class="three_text" v-html="pageData.subtitle3"></div>
|
|
<div class="three_text" v-html="pageData.subtitle3"></div>
|
|
</div>
|
|
</div>
|
|
<div class="three" style="margin-top: 0;">
|
|
<div class="three" style="margin-top: 0;">
|
|
<div class="video_bg">
|
|
<div class="video_bg">
|
|
<video id="videos2" :src="pageData.url3" muted autoplay loop playsinline preload="metadata" crossorigin="anymous" v-if="pageData.type3 == 'video'"></video>
|
|
<video id="videos2" :src="pageData.url3" muted autoplay loop playsinline preload="metadata" crossorigin="anymous" v-if="pageData.type3 == 'video'"></video>
|
|
- <el-image class="videos_img" :src="pageData.url3" fit="cover" v-if="pageData.type3 == 'image'"></el-image>
|
|
|
|
|
|
+ <el-image :lazy="true" class="videos_img" :src="pageData.url3" fit="cover" v-if="pageData.type3 == 'image'"></el-image>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<Footer :footer="footer"></Footer>
|
|
<Footer :footer="footer"></Footer>
|
|
@@ -172,7 +172,7 @@ export default {
|
|
getConfig() {
|
|
getConfig() {
|
|
that = this
|
|
that = this
|
|
this.$http.getConfig().then((res) => {
|
|
this.$http.getConfig().then((res) => {
|
|
- console.log('基础配置',res)
|
|
|
|
|
|
+ // console.log('基础配置',res)
|
|
if (res.data.code == 1) {
|
|
if (res.data.code == 1) {
|
|
that.pageData = res.data.data
|
|
that.pageData = res.data.data
|
|
var temp = that.pageData.url1.substr(that.pageData.url1.length - 3,3)
|
|
var temp = that.pageData.url1.substr(that.pageData.url1.length - 3,3)
|
|
@@ -215,7 +215,7 @@ export default {
|
|
// 获取首页列表接口
|
|
// 获取首页列表接口
|
|
getList() {
|
|
getList() {
|
|
that.$http.getIndexList().then((res) => {
|
|
that.$http.getIndexList().then((res) => {
|
|
- console.log('首页列表',res);
|
|
|
|
|
|
+ // console.log('首页列表',res);
|
|
if(res.data.code == 1) {
|
|
if(res.data.code == 1) {
|
|
that.pageList = res.data.data.list
|
|
that.pageList = res.data.data.list
|
|
for(var i=0;i<that.pageList.length;i++) {
|
|
for(var i=0;i<that.pageList.length;i++) {
|
|
@@ -305,13 +305,13 @@ export default {
|
|
},
|
|
},
|
|
// 点击向下滑动
|
|
// 点击向下滑动
|
|
scorll_down(value) {
|
|
scorll_down(value) {
|
|
- console.log(value)
|
|
|
|
|
|
+ // console.log(value)
|
|
document.documentElement.scrollTop = this.scroll_top + value
|
|
document.documentElement.scrollTop = this.scroll_top + value
|
|
this.scroll_top = document.documentElement.scrollTop
|
|
this.scroll_top = document.documentElement.scrollTop
|
|
},
|
|
},
|
|
// 点击向下切换屏幕
|
|
// 点击向下切换屏幕
|
|
scorll_down2(index) {
|
|
scorll_down2(index) {
|
|
- console.log(that.index)
|
|
|
|
|
|
+ // console.log(that.index)
|
|
that.index = index
|
|
that.index = index
|
|
if(that.index == 5) {
|
|
if(that.index == 5) {
|
|
document.querySelector('#videos').scrollIntoView({
|
|
document.querySelector('#videos').scrollIntoView({
|