no message

src/assets/css/home.css

@@ -355,6 +355,22 @@ ul,li{
   }
 }
 @media (min-width: 1280px) {
+  .MenuListItem{
+    bottom: 65px;
+  }
+  .MenuListLi.active .MenuListItem{
+    opacity: 1;
+    bottom: 70px;
+  }
+  .SubMenuListBox{
+    height: 166px;
+  }
+  .MenuListLi.active .SubMenuListBox{
+    height: 186px;
+  }
+  .carousel1-leftImg{
+    width: 100px
+  }
   .homeContainer{
     max-width: 1280px;
     padding-left: 40px;
@@ -386,6 +402,14 @@ ul,li{
     left: -1.5rem;
   }
 }
+@media (min-width: 1366px) {
+  .MenuListItem{
+    bottom: 0;
+  }
+  .MenuListLi.active .MenuListItem{
+    bottom: 0px;
+  }
+}
 @media (min-width: 1440px) {
   .MenuListItem{
     bottom: 49px;
@@ -467,12 +491,24 @@ ul,li{
   }
 }
 @media (min-width: 1800px) {
+  .MenuListItem{
+    bottom: -116px;
+  }
+  .MenuListLi.active .MenuListItem{
+    bottom: -16px;
+  }
+  .MenuListLi.active .SubMenuListBox{
+    height: 296px;
+  }
   .MenuListBox li{
     padding-top: 40px;
   }
   .swipercomSubEnLenR2{
     font-size: 2rem;
   }
+  .carousel1-leftImg{
+      width: 128px;
+  }
   .homeContainer{
     max-width: 1440px;
     padding-left: 40px;

src/components/home/indexNav.vue

@@ -48,7 +48,7 @@
             </ul>
             <ul class="BottomListBox absolute row justify-center">
               <li class="q-py-sm q-px-lg relative cursor-pointer" v-for="(item,index) in plugData.BottomList"
-              @click.stop="OpenNewUrl(item.LinkUrl)">
+              @click.stop="OpenNewUrl(item.LinkUrl)" v-if="item.LinkUrl">
                 <a class="text-grey-7 transition-base">
                   <span class="text-xs font-serif tracking-1 pointer-events-none">{{item.LinkTitle}}</span>
                 </a>
@@ -59,9 +59,13 @@
         <div class="carousel1-right overflow-hidden relative"
         :class="[windowWidth>1280?'col':'col-12']" @mouseenter="ClearData">
           <template v-if="windowWidth>=768">
-            <q-img class="carousel1-rightImg" @mouseenter="ClearData"
+            <q-img v-if="ImgObj.FileType!=2" class="carousel1-rightImg" @mouseenter="ClearData"
             :class="[oldCoverImg!=coverImg?'active':'']"
             :src="coverImg" fill="contain"/>
+            <q-img v-else alt="" :ratio="16/9" fill="cover">
+              <q-video class="carousel1-rightImg" style="width: 100%;" :src="coverImg" frameborder="0"
+              allowfullscreen  @mouseenter="ClearData"/>
+            </q-img>
           </template>
           <template v-else>
             <q-carousel
@@ -103,7 +107,7 @@
                 </ul>
                 <ul class="BottomListBox absolute row justify-center" style="bottom: 0;">
                   <li class="q-py-sm q-px-lg relative cursor-pointer" v-for="(item,index) in plugData.BottomList"
-                  @click.stop="OpenNewUrl(item.LinkUrl)">
+                  @click.stop="OpenNewUrl(item.LinkUrl)" v-if="item.LinkUrl">
                     <a class="text-grey-7 transition-base">
                       <span class="text-xs font-serif tracking-1 pointer-events-none">{{item.LinkTitle}}</span>
                     </a>
@@ -125,6 +129,7 @@ export default {
     return {
       isMenu: false,
       CurrentIndex: null,
+      ImgObj: {},
       coverImg: '',
       oldCoverImg: '',
       slide: 1,
@@ -143,6 +148,7 @@ export default {
 
   },
   mounted() {
+    this.ImgObj = this.plugData.MenuList[0]
     this.coverImg = this.plugData.MenuList[0].FileUrl
     this.plugData.MenuList.forEach(x=>{
       if(x.FileUrl){
@@ -155,10 +161,14 @@ export default {
       this.oldCoverImg = JSON.parse(JSON.stringify(this.coverImg))
       if(this.CurrentIndex==index) return
       else if(index>=0) {
+        this.ImgObj = {}
         this.CurrentIndex = null
         setTimeout(()=>{
           this.CurrentIndex = index
-          if(this.plugData.MenuList[index].FileUrl) this.coverImg = this.plugData.MenuList[index].FileUrl
+          if(this.plugData.MenuList[index].FileUrl) {
+            this.coverImg = this.plugData.MenuList[index].FileUrl
+            this.ImgObj = this.plugData.MenuList[index]
+          }
         },300)
       }
     },
@@ -230,7 +240,6 @@ export default {
 
   }
   .carousel1-leftImg{
-    width: 128px;
     display: block;
     margin-top: 6rem;
   }
@@ -247,7 +256,6 @@ export default {
   }
   .MenuListItem{
     position: absolute;
-    bottom: -65px;
     left: 10px;
     opacity: 0;
     transition: .4s;
@@ -274,12 +282,10 @@ export default {
   }
   .MenuListLi.active .MenuListItem{
     opacity: 1;
-    bottom: -16px;
   }
   .MenuListLi.active .SubMenuListBox{
     position: absolute;
     z-index: 999;
-    height: 296px;
     opacity: 1;
   }
 

src/components/home/indexRoll1.vue

@@ -44,7 +44,7 @@
                     </q-img>
                 </template>
                 <q-img v-else alt="" :ratio="16/9" fill="cover">
-                  <q-video class="cursor-pointer" :src="item.FileUrl" frameborder="0"
+                  <q-video class="cursor-pointer" style="width: 100%;" :src="item.FileUrl" frameborder="0"
                   allowfullscreen @click.stop="OpenNewUrl(item.LinkUrl)"/>
                 </q-img>
                 <div class="swipercomSubEnLen absolute bg-white row items-center justify-center">
@@ -339,6 +339,7 @@
   }
   .swipercom .swiper-slide-active{
     opacity: 1;
+    cursor: pointer !important;
   }
   .swipercom.active .swiper-slide-next{
     top: -5rem;

src/components/home/indexRoll2.vue

@@ -41,7 +41,7 @@
                   </q-img>
               </template>
               <q-img v-else alt="" :ratio="0.64" fill="cover">
-                <q-video class="cursor-pointer" :src="item.FileUrl" frameborder="0"
+                <q-video class="cursor-pointer" style="width: 100%;"  :src="item.FileUrl" frameborder="0"
                 allowfullscreen @click.stop="OpenNewUrl(item.LinkUrl)"/>
               </q-img>
               <div class="swipercomSubEnLenR2 absolute writing-modes-vertical font-serifEn">

src/components/home/indexSlider.vue

@@ -49,7 +49,7 @@
                       </template>
                     </q-img>
                     <q-img v-else :ratio="16/9">
-                      <q-video class="cursor-pointer" :src="item.FileUrl" frameborder="0" allowfullscreen @click.stop="OpenNewUrl(item.LinkUrl)"/>
+                      <q-video class="cursor-pointer" style="width: 100%;" :src="item.FileUrl" frameborder="0" allowfullscreen @click.stop="OpenNewUrl(item.LinkUrl)"/>
                     </q-img>
                     <div class="inSliSubNameBox absolute cursor-pointer"
                     :style="{'background-color':windowWidth>=992?plugData.BgColor:''}"