liukang 2 年 前
コミット
935811adf3

+ 2 - 2
xinxuan/src/components/footer.vue

@@ -51,7 +51,7 @@
         methods: {
             // 点击进入菜单详情
             toDetail(index) {
-                console.log(index)
+                // console.log(index)
                 var url = ''
                 switch(index) {
                     case 1:
@@ -64,7 +64,7 @@
                         url= './contact'
                         break;
                 }
-                console.log(url)
+                // console.log(url)
                 that.$router.push(url)
                 
             }

+ 12 - 6
xinxuan/src/view/about.vue

@@ -9,7 +9,7 @@
                 <video id="back_video" :style="fixStyle" class="video fillWidth" muted autoplay loop playsinline preload="metadata" crossorigin="anoymous" v-if="pageData.type=='video'">
                     <source :src="pageData.g_pic" type="video/mp4" />
                 </video>
-                <el-image :src="pageData.g_pic" class="video fillWidth" fit="cover" v-if="pageData.type=='image'"></el-image>
+                <el-image :lazy="true" :src="pageData.g_pic" class="video fillWidth" fit="cover" v-if="pageData.type=='image'"></el-image>
             </div>    
             <div class="title">关于我们</div>  
             <div class="title">About us</div>  
@@ -19,11 +19,11 @@
         <div class="center hflex">
             <div class="list hflex" id="scroll"  :style="'--div_width:' + div_width + ';' ">
                 <div class="item" v-for="(item,index) in pageList" :key="index">
-                    <el-image fit="cover" :src="item.url" alt="" class="item_img" />
+                    <el-image fit="cover" :src="item.url" alt="" class="item_img" v-if="item.url !== 'undefind'" />
                     <div class="item_text" v-html="item.content"></div>
                 </div>
                 <div class="item" v-for="(itm,inx) in pageList">
-                    <el-image fit="cover" :src="itm.url" alt="" class="item_img" />
+                    <el-image fit="cover" :src="itm.url" alt="" class="item_img" v-if="itm.url !== 'undefind'" />
                     <div class="item_text" v-html="itm.content"></div>
                 </div>
             </div>
@@ -63,7 +63,7 @@ export default {
             var data = document.getElementById("scroll").offsetWidth;
             // var clientWidth = document.body.clientWidth
             data = data / 2
-            console.log(data);
+            // console.log(data);
             that.div_width = '-' +data + 'px'
         },
         // 获取基础配置信息
@@ -90,7 +90,7 @@ export default {
         // 获取关于我们
         getList() {
             that.$http.getAboutList().then((res) => {
-                console.log('关于我们',res);
+                // console.log('关于我们',res);
                 if(res.data.code == 1) {
                     that.pageList = res.data.data.list
                     setTimeout(() => {
@@ -150,13 +150,19 @@ export default {
         min-height: 1370px;
     }
 }
+@media screen and (min-width: 2015px) {
+    
+    .center {
+        min-height: 120vh;
+    }
+}
 .center .list {
     /* width: 100%; */
     list-style:none;
     position: absolute;
     top: 200px;
     left: 0;
-    margin-bottom: 159px;
+    /* margin-bottom: 159px; */
     /* overflow-x: hidden; */
     /* left: 0px; */
     animation: move 60s infinite linear;

+ 1 - 1
xinxuan/src/view/contact.vue

@@ -9,7 +9,7 @@
                 <video id="back_video" :style="fixStyle" class="video fillWidth" muted autoplay loop playsinline preload="metadata" crossorigin="anoymous" v-if="pageData.type=='video'">
                     <source :src="pageData.l_pic" type="video/mp4" />
                 </video>
-                <el-image :src="pageData.l_pic" class="video fillWidth" fit="cover" v-if="pageData.type=='image'"></el-image>
+                <el-image :lazy="true" :src="pageData.l_pic" class="video fillWidth" fit="cover" v-if="pageData.type=='image'"></el-image>
             </div>    
             <div class="subTitle" v-html="pageData.l_content"></div>  
             <div class="text">电话:{{ pageData.l_phone }}</div>

+ 4 - 4
xinxuan/src/view/detail.vue

@@ -8,7 +8,7 @@
             <div class="list" v-if="newsList.length > 0">
                 <div class="title">返回列表</div>
                 <div class="item" v-for="(item,indexs) in newsList" :key="indexs">
-                    <div class="item_text point" @click="toNews(indexs+index+1,item.id)">{{ indexs + index + 1 }}.{{ item.title }}</div>
+                    <div class="item_text point" @click="toNews(indexs+index,item.id)">{{ indexs + index + 1 }}.{{ item.title }}</div>
                 </div>
             </div>
         </div>
@@ -59,8 +59,8 @@ export default {
             
             this.id = this.$route.query.id
             that.index = Number(that.$route.query.index) + 1
-            console.log('id=',this.id);
-            console.log('index=',this.index);
+            // console.log('id=',this.id);
+            // console.log('index=',this.index);
             that.getDetail()
             that.getConfig()
         },
@@ -80,7 +80,7 @@ export default {
         getDetail() {
             var data = that.id
             that.$http.getNewsDetail(data).then((res) => {
-                console.log('新闻详情',res);
+                // console.log('新闻详情',res);
                 if(res.data.code == 1) {
                     that.pageData = res.data.data.detail
                     that.newsList = res.data.data.list

+ 8 - 8
xinxuan/src/view/index.vue

@@ -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'">
                     <source :src="pageData.url1" type="video/mp4" />
                 </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 class="subTitle">
                 <h2 v-html="pageData.subtitle1"></h2>
@@ -88,7 +88,7 @@
         <div v-for="(item,index) in pageList" :key="index" class="two">
             <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>
-                <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_left">
                         <div class="name">{{ item.title }}</div>
@@ -116,14 +116,14 @@
         <div class="three">
             <div class="video_bg">
                 <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 class="three_text" v-html="pageData.subtitle3"></div> 
         </div>
         <div class="three" style="margin-top: 0;">
             <div class="video_bg">
                 <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>
         <Footer :footer="footer"></Footer>   
@@ -172,7 +172,7 @@ export default {
         getConfig() {
             that = this
             this.$http.getConfig().then((res) => {
-                console.log('基础配置',res)
+                // console.log('基础配置',res)
                 if (res.data.code == 1) {
                     that.pageData = res.data.data
                     var temp = that.pageData.url1.substr(that.pageData.url1.length - 3,3)
@@ -215,7 +215,7 @@ export default {
         // 获取首页列表接口
         getList() {
             that.$http.getIndexList().then((res) => {
-                console.log('首页列表',res);
+                // console.log('首页列表',res);
                 if(res.data.code == 1) {
                     that.pageList = res.data.data.list
                     for(var i=0;i<that.pageList.length;i++) {
@@ -305,13 +305,13 @@ export default {
         },
         // 点击向下滑动
         scorll_down(value) {
-            console.log(value)
+            // console.log(value)
             document.documentElement.scrollTop = this.scroll_top + value
             this.scroll_top = document.documentElement.scrollTop
         },
         // 点击向下切换屏幕
         scorll_down2(index) {
-            console.log(that.index)
+            // console.log(that.index)
             that.index = index
             if(that.index == 5) {
                 document.querySelector('#videos').scrollIntoView({

+ 4 - 4
xinxuan/src/view/news.vue

@@ -9,7 +9,7 @@
                 <video id="back_video" :style="fixStyle" class="video fillWidth" muted autoplay loop playsinline preload="metadata" crossorigin="anoymous" v-if="pageData.type=='video'">
                     <source :src="pageData.x_url" type="video/mp4" />
                 </video>
-                <el-image :src="pageData.x_url" class="video fillWidth" fit="cover" v-if="pageData.type=='image'"></el-image>
+                <el-image :lazy="true" :src="pageData.x_url" class="video fillWidth" fit="cover" v-if="pageData.type=='image'"></el-image>
             </div>    
             <div class="title">{{ pageData.x_title }}</div>  
             <div class="subTitle" v-html="pageData.x_subtitle"></div>  
@@ -32,7 +32,7 @@
             </div>
         </div>
         <el-divider class="loading hflex acenter jcenter point" v-if="load" @click="loadlist" v-loading.fullscreen.lock="fullscreenLoading">点击加载更多</el-divider>
-        <el-divider class="loading hflex acenter jcenter point" v-else @click="end">已经到底了</el-divider>
+        <el-divider class="loading hflex acenter jcenter point" v-if="!load&&page>1" @click="end">已经到底了</el-divider>
         <div class="topping hflex acenter jcenter point" v-if="scroll_top > 500" @click="toTop">
             <img src="@/assets/images/common/topping.png" alt="">
         </div>
@@ -74,7 +74,7 @@ export default {
         // 获取基本配置信息
         getConfig() {
             that.$http.getConfig().then((res) => {
-                console.log('基础配置',res)
+                // console.log('基础配置',res)
                 if (res.data.code == 1) {
                     that.pageData = res.data.data
                     var temp = that.pageData.x_url.substr(that.pageData.x_url.length - 3,3)
@@ -97,7 +97,7 @@ export default {
         // 获取新闻列表
         getList() {
             that.$http.getNewsList(that.page,that.pageSize).then((res) => {
-                console.log('新闻列表',res);
+                // console.log('新闻列表',res);
                 if(res.data.code == 1) {
                     if(that.page == 1) {
                         that.newsList = res.data.data.list

+ 5 - 5
xinxuan/src/view/product.vue

@@ -9,7 +9,7 @@
                 <video id="back_video" :style="fixStyle" class="video fillWidth" muted autoplay loop playsinline preload="metadata" crossorigin="anoymous" v-if="pageData.type=='video'">
                     <source :src="pageData.p_url" type="video/mp4" />
                 </video>
-                <el-image :src="pageData.p_url" class="video fillWidth" fit="cover" v-if="pageData.type=='image'"></el-image>
+                <el-image :lazy="true" :src="pageData.p_url" class="video fillWidth" fit="cover" v-if="pageData.type=='image'"></el-image>
             </div>    
             <div class="title">{{ pageData.p_title }}</div>  
             <div class="subTitle" v-html="pageData.p_subtitle"></div>  
@@ -23,7 +23,7 @@
                         <!-- <div v-html="pageData.info.subTitle"></div> -->
                     </div>
                     <div class="info-img">
-                        <el-image fit="cover" :src="pageData.p_pic" alt="" >
+                        <el-image :lazy="true" fit="cover" :src="pageData.p_pic" alt=""  v-if="pageData.p_pic !== undefind">
                         </el-image>
                         <img src="@/assets/images/common/img_top_bg.png" alt="" class="img_bg">
                     </div>
@@ -48,7 +48,7 @@
         </div>
         <div class="bottom">
             <!-- <video muted autoplay loop playsinline preload="metadata" crossorigin="anoymous" :src="pageData.video"></video> -->
-            <el-image fit="cover" :src="pageData.z_pic" alt="" class="img" />
+            <el-image :lazy="true" fit="cover" :src="pageData.z_pic" alt="" class="img"  v-if="pageData.z_pic !== undefind" />
             <div class="bottom_content">
                 <div class="title">总结:</div>  
                 <div class="subTitle" v-html="pageData.zongjie"></div>  
@@ -93,7 +93,7 @@ export default {
         // 获取基本配置
         getConfig() {
             that.$http.getConfig().then((res) => {
-                console.log('基础配置',res)
+                // console.log('基础配置',res)
                 if (res.data.code == 1) {
                     that.pageData = res.data.data
                     var temp = that.pageData.p_url.substr(that.pageData.p_url.length - 3,3)
@@ -115,7 +115,7 @@ export default {
         // 获取产品服务列表
         getData() {
             that.$http.getProductList().then((res) => {
-                console.log('产品服务列表',res);
+                // console.log('产品服务列表',res);
                 if(res.data.code == 1) {
                     that.pageList = res.data.data.list
                 }

+ 4 - 4
xinxuan/src/view/trade.vue

@@ -9,7 +9,7 @@
                 <video id="back_video" :style="fixStyle" class="video fillWidth" muted autoplay loop playsinline preload="metadata" crossorigin="anoymous" v-if="pageData.type=='video'">
                     <source :src="pageData.k_url" type="video/mp4" />
                 </video>
-                <el-image :src="pageData.k_url" class="video fillWidth" fit="cover" v-if="pageData.type=='image'"></el-image>
+                <el-image :lazy="true" :src="pageData.k_url" class="video fillWidth" fit="cover" v-if="pageData.type=='image'"></el-image>
             </div>    
             <div class="title">{{ pageData.k_title }}</div>  
             <div class="subTitle" v-html="pageData.x_subtitle"></div>  
@@ -23,7 +23,7 @@
                         <!-- <div v-html="pageData.info.subTitle"></div> -->
                     </div>
                     <div class="info-img">
-                        <el-image fit="cover" :src="pageData.k_pic" alt="" >
+                        <el-image :lazy="true" fit="cover" :src="pageData.k_pic" alt=""  v-if="pageData.k_pic !== undefind">
                         </el-image>
                         <img src="@/assets/images/common/img_top_bg.png" alt="" class="img_bg">
                     </div>
@@ -34,7 +34,7 @@
                 <div class="line"></div>
                 <div  class="hflex acenter fwrap imgs">
                     <div v-for="(item,index) in pageList" :key="index" class="list_item">
-                        <el-image fit="cover" :src="item.url" alt="" class="img" />
+                        <el-image :lazy="true" fit="cover" :src="item.url" alt="" class="img"  v-if="item.url !== undefind"/>
                         <div class="text">{{ item.title }}</div>
                     </div> 
                 </div>
@@ -100,7 +100,7 @@ export default {
         // 获取跨境贸易信息
         getList() {
             that.$http.getTradeList().then((res) => {
-                console.log('跨境贸易',res);
+                // console.log('跨境贸易',res);
                 if(res.data.code == 1) {
                     that.pageList = res.data.data.list
                 }