no message

src/assets/css/home.css

@@ -120,6 +120,11 @@ ul,li{
   position: relative;
   width: 100%;
 }
+.textOverEllipsis{
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-spacing: normal;
+}
 @media (min-width: 300px) {
   .indexNavxcTM li{
     padding: 5px 10px;
@@ -187,6 +192,9 @@ ul,li{
   .indexRoll1Hd{
     width: 95%;
   }
+  .indexRoll2Hd{
+    width:85%
+  }
   .swipercomTitleL{
     font-size: 1.3rem;
     padding-top: 15px;
@@ -229,6 +237,9 @@ ul,li{
   .indexRoll1Hd{
     width: 90%;
   }
+  .indexRoll2Hd{
+    width: 90%
+  }
 }
 @media (min-width: 768px) {
   .indexNavxcTM li{
@@ -284,7 +295,10 @@ ul,li{
     font-size: 3rem;
   }
   .indexRoll1Hd{
-    width: 55%;
+    width: 480px
+  }
+  .indexRoll2Hd{
+    width: 480px
   }
   .swipercomSubEnLen{
     padding: 4px 13px 4px 17px;
@@ -304,7 +318,10 @@ ul,li{
     opacity: 1;
   }
   .indexRoll1Hd{
-    width: 90%;
+    width: 480;
+  }
+  .indexRoll2Hd{
+    width: 480px
   }
 }
 @media (min-width: 992px) {
@@ -371,7 +388,10 @@ ul,li{
     font-size: 1.1rem;
   }
   .indexRoll1Hd{
-    width: 47%;
+    width: 480px;
+  }
+  .indexRoll2Hd{
+    width: 480px
   }
   .indexRoll1Hd.indexRoll1Hd2{
     width: 55%;
@@ -410,7 +430,10 @@ ul,li{
     font-size: 1.5rem;
   }
   .indexRoll1Hd{
-    width: 40%;
+    width: 480px;
+  }
+  .indexRoll2Hd{
+    width: 480px
   }
   .swipercomSubEn{
     left: -1.5rem;
@@ -470,7 +493,10 @@ ul,li{
     font-size: 1.3rem;
   }
   .indexRoll1Hd{
-    width: 40%;
+    width: 480px;
+  }
+  .indexRoll2Hd{
+    width: 480px
   }
   .indexRoll1Hd.indexRoll1Hd2{
     width: 35%;
@@ -484,6 +510,9 @@ ul,li{
   }
 }
 @media (min-width: 1800px) {
+  .indexRoll2Hd{
+    width: 408px
+  }
   .indexNavxcT{
     padding-top: 20%;
   }
@@ -530,7 +559,7 @@ ul,li{
     font-size: 1.2rem;
   }
   .indexRoll1Hd{
-    width:35%;
+    width: 480px;
   }
   .indexRoll1Hd.indexRoll1Hd2{
     width: 29%;

src/components/home/indexNav.vue

@@ -52,8 +52,8 @@
                     </template>
                   </ul>
                   <template v-for="(item,index) in plugData.MenuList">
-                    <div class="row justify-center items-center SubMenuListBox q-py-lg" v-show="CurrentIndex==index"
-                      :class="[CurrentIndex==index?'full-height full-width active':'']" style="overflow: hidden;text-overflow: ellipsis;word-spacing: normal;">
+                    <div class="row justify-center items-center SubMenuListBox q-py-lg textOverEllipsis" v-show="CurrentIndex==index"
+                      :class="[CurrentIndex==index?'full-height full-width active':'']">
                         <div class="row justify-center">
                           <template v-for="(items,i) in item.SubMenuList">
                             <a class="SubMenuListText relative writing-modes-vertical
@@ -210,9 +210,6 @@ export default {
   }
   .indexNavxcTM li {
     border-radius: 3px;
-    margin-left: 10px;
-    margin-right: 10px;
-    margin-bottom: 10px;
     background: $secondary;
     color: #fff;
   }

src/components/home/indexSlider.vue

@@ -56,7 +56,7 @@
                     :class="[windowWidth>=992?'h-66':'',]">
                       <p class="font-serifEn text-primary"
                       :class="[windowWidth>=992?'writing-modes-vertical':'min-w-45',]"
-                      :style="{'background-color':windowWidth>=992?'':plugData.BgColor}"><span class="opacity-80">{{item.SubName}}</span></p>
+                      :style="{'background-color':windowWidth>=992?'':plugData.BgColor}"><span class="opacity-80 textOverEllipsis">{{item.SubName}}</span></p>
                       <div class="inSliSubNameList isDisplay relative" v-if="windowWidth>=992">
                         <span class="absolute inSliSubNameListL block">{{index>9?index+1:'0'+(index+1)}}</span>
                         <div class="absolute"></div>
@@ -75,7 +75,7 @@
                       >
                         <!-- {{item.SubDescribe}} -->
                         <!-- <span v-if="windowWidth>=992" v-html="item.SubDescribe"></span> -->
-                        <span style="overflow: hidden;text-overflow: ellipsis;word-spacing: normal;"
+                        <span class="textOverEllipsis"
                         :style="{width: windowWidth>=992?'110px':'100%'}">
                           {{item.SubDescribe2}}
                         </span>