no message

src/App.vue

@@ -21,7 +21,13 @@ export default {
 }
 @font-face {
   font-family: "Cormorant Garamond";
-  src: url("https://im.oytour.com/tripfont/44b867578f7c49ddaf62f490fcb30264.woff");
+  /* src: url("https://im.oytour.com/tripfont/44b867578f7c49ddaf62f490fcb30264.woff"); */
+  src: url("https://im.oytour.com/tripfont/a0ac58046d4c41449843e82f73257d96.woff");
+}
+@font-face {
+  font-family: "Cormorant Garamond2";
+  /* src: url("https://im.oytour.com/tripfont/44b867578f7c49ddaf62f490fcb30264.woff"); */
+  src: url("https://im.oytour.com/tripfont/f5b638796ca24f5da16a5da9e78a6937.woff");
 }
 .text-shadow{
   text-shadow: rgb(0 0 0 / 50%) 2px 2px 5px;

src/assets/css/app.css

@@ -1625,7 +1625,7 @@
 }
 
 .font-serifEn {
-  font-family: Cormorant Garamond,serif
+  font-family: 'Cormorant Garamond2',serif
 }
 
 .font-serif {

src/assets/css/home.css

@@ -360,16 +360,16 @@ ul,li{
   }
   .MenuListLi.active .MenuListItem{
     opacity: 1;
-    bottom: 70px;
+    /* bottom: 70px; */
   }
   .SubMenuListBox{
-    height: 166px;
+    /* height: 166px; */
   }
   .MenuListLi.active .SubMenuListBox{
-    height: 186px;
+    /* height: 186px; */
   }
   .carousel1-leftImg{
-    width: 100px
+    /* width: 100px */
   }
   .homeContainer{
     max-width: 1280px;
@@ -404,10 +404,10 @@ ul,li{
 }
 @media (min-width: 1366px) {
   .MenuListItem{
-    bottom: 0;
+    /* bottom: 0; */
   }
   .MenuListLi.active .MenuListItem{
-    bottom: 0px;
+    /* bottom: 0px; */
   }
 }
 @media (min-width: 1440px) {
@@ -416,16 +416,16 @@ ul,li{
   }
   .MenuListLi.active .MenuListItem{
     opacity: 1;
-    bottom: 70px;
+    /* bottom: 70px; */
   }
   .SubMenuListBox{
-    height: 186px;
+    /* height: 186px; */
   }
   .MenuListLi.active .SubMenuListBox{
-    height: 206px;
+    /* height: 206px; */
   }
   .carousel1-leftImg{
-    width: 101px;
+    /* width: 101px; */
   }
   .swipercomSubEnLenR2{
     font-size: 1.8rem;
@@ -495,10 +495,10 @@ ul,li{
     bottom: -116px;
   }
   .MenuListLi.active .MenuListItem{
-    bottom: -16px;
+    /* bottom: -16px; */
   }
   .MenuListLi.active .SubMenuListBox{
-    height: 296px;
+    /* height: 296px; */
   }
   .MenuListBox li{
     padding-top: 40px;
@@ -507,7 +507,7 @@ ul,li{
     font-size: 2rem;
   }
   .carousel1-leftImg{
-      width: 128px;
+      /* width: 128px; */
   }
   .homeContainer{
     max-width: 1440px;

src/components/home/indexNav.vue

@@ -4,48 +4,73 @@
   :style="{'background-color':plugData.BgColor?plugData.BgColor:'#fff'}" style="height: 100vh;">
     <div class="absolute top0 right0 bottom0 left0 indexNavFormP row">
         <div class="col column carousel1-left relative" @mouseenter="ClearData">
-          <div class="row justify-center" @mouseenter="ClearData">
+          <!-- <div class="row justify-center" @mouseenter="ClearData">
             <q-img class="carousel1-leftImg" :src="plugData.Logo"/>
+          </div> -->
+          <div class="text-center" style="padding-top: 5rem;">
+            <img class="carousel1-leftImg inline-block" :src="plugData.Logo"/>
           </div>
-          <div class="p-x40 col row justify-center" @mouseenter="ClearData">
-            <ul class="row no-wrap MenuListBox row justify-center">
-              <template v-for="(item,index) in plugData.MenuList">
-                <li class="MenuListLi row justify-center cursor-pointer"
-                :class="[CurrentIndex>=0&&CurrentIndex==index?' active':'']"
-                >
-                  <div class="cursor-pointer flex flex-col items-center relative"
-                  v-on:mouseenter="handleMouseEnter($event,index)">
-                    <div class="row min-w-50px">
-                      <div class="font-serifEn writing-modes-vertical p text-gray-700">
-                        <span class="inline-block tracking-6 fontW300 remTetil">
-                          {{item.MenuName}}
-                        </span>
+          <div class="col column" @mouseenter="ClearData" style="padding-top: 40px;flex-grow: 1;">
+            <ul class="column MenuListBox row relative">
+              <div class="p-x40 row no-wrap justify-center">
+                <template v-for="(item,index) in plugData.MenuList">
+                  <li class="MenuListLi row justify-center cursor-pointer"
+                  :class="[CurrentIndex>=0&&CurrentIndex==index?' active':'']"
+                  >
+                    <div class="cursor-pointer flex flex-col items-center relative"
+                    >
+                      <div class="row min-w-50px" v-on:mouseenter="handleMouseEnter($event,index)">
+                        <div class="font-serifEn writing-modes-vertical p text-gray-700">
+                          <span class="inline-block tracking-6 fontW300 remTetil">
+                            {{item.MenuName}}
+                          </span>
 
+                        </div>
+                        <p class="font-serifEn writing-modes-vertical text-s text-secondary mlF5">
+                          <span class="inline-block tracking-normal fontW100 remText">{{item.MenuSubName}}</span>
+                        </p>
                       </div>
-                      <p class="font-serifEn writing-modes-vertical text-s text-secondary mlF5">
-                        <span class="inline-block tracking-normal fontW100 remText">{{item.MenuSubName}}</span>
-                      </p>
+                      <div class="MenuListItem"
+                      :class="[CurrentIndex==index?'':'']"></div>
                     </div>
-                    <div class="MenuListItem"
-                    :class="[CurrentIndex==index?'':'']"></div>
-                  </div>
-                  <div class="row justify-center items-center SubMenuListBox q-py-lg"
-                    :class="[CurrentIndex==index?'':'']">
-                      <div class="row justify-center">
-                        <template v-for="(items,i) in item.SubMenuList">
-                          <a class="SubMenuListText relative writing-modes-vertical
-                          remSubText font-serifEn tracking-2 q-px-xs cursor-pointer inline-block row items-center"
-                          @click="OpenNewUrl(items.LinkUrl)">
-                            <span>{{items.MenuName}}</span>
-                          </a>
-                          <div v-if="(item.SubMenuList.length-1)!=i" class="SubMenuListLin q-ma-xs row">&nbsp;</div>
-                        </template>
+                    <!-- <div class="row justify-center items-center SubMenuListBox q-py-lg"
+                      :class="[CurrentIndex==index?'':'']">
+                        <div class="row justify-center">
+                          <template v-for="(items,i) in item.SubMenuList">
+                            <a class="SubMenuListText relative writing-modes-vertical
+                            remSubText font-serifEn tracking-2 q-px-xs cursor-pointer inline-block row items-center"
+                            @click="OpenNewUrl(items.LinkUrl)">
+                              <span>{{items.MenuName}}</span>
+                            </a>
+                            <div v-if="(item.SubMenuList.length-1)!=i" class="SubMenuListLin q-ma-xs row">&nbsp;</div>
+                          </template>
 
-                      </div>
-                  </div>
-                </li>
+                        </div>
+                    </div> -->
+                  </li>
+                </template>
+              </div>
+
+
+            </ul>
+            <ul class="col" style="flex: 1;position: relative;z-index: 2;">
+              <template v-for="(item,index) in plugData.MenuList">
+                <div v-if="CurrentIndex==index" class="col row justify-center items-center SubMenuListBox q-py-lg"
+                  :class="[CurrentIndex==index?'active':'']">
+                    <div class="row justify-center">
+                      <template v-for="(items,i) in item.SubMenuList">
+                        <a class="SubMenuListText relative writing-modes-vertical
+                        remSubText font-serifEn tracking-2 q-px-xs cursor-pointer inline-block row items-center"
+                        @click="OpenNewUrl(items.LinkUrl)">
+                          <span>{{items.MenuName}}</span>
+                        </a>
+                        <div v-if="(item.SubMenuList.length-1)!=i" class="SubMenuListLin q-ma-xs row">&nbsp;</div>
+                      </template>
+                    </div>
+                </div>
               </template>
             </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)" v-if="item.LinkUrl">
@@ -241,24 +266,26 @@ export default {
   }
   .carousel1-leftImg{
     display: block;
-    margin-top: 6rem;
+    /* margin-top: 6rem; */
   }
   .MenuListBox{
     padding: 0 40px;
-    min-height: 16rem;
+    /* min-height: 16rem; */
   }
   .MenuListBox li{
     width: 81px;
+    padding-bottom: 15px;
   }
   .MenuListLi{
-    height: 14rem;
-    margin-top: 3rem;
+    /* height: 14rem; */
+    /* margin-top: 3rem; */
   }
   .MenuListItem{
     position: absolute;
     left: 10px;
+    bottom: -15px;
     opacity: 0;
-    transition: .4s;
+    transition: all .4s;
     z-index: 3;
   }
   .MenuListItem::after{
@@ -271,17 +298,25 @@ export default {
   }
   .SubMenuListBox{
     width: 100%;
-    height: 196px;
-    transition: .4s;
+    height: 80%;
+    /* height: 196px; */
+    transition: all .4s;
     opacity: 0;
-    position: absolute;
+    /* position: absolute;
     left: 0;
     right: 0;
-    bottom: 0;
+    bottom: 0; */
     background-color: $primary;
+    z-index: 3;
+  }
+  .SubMenuListBox.active{
+    /* top: 29%; */
+    height: 100%;
+    opacity: 1;
   }
   .MenuListLi.active .MenuListItem{
     opacity: 1;
+    bottom: -10px;
   }
   .MenuListLi.active .SubMenuListBox{
     position: absolute;