优化文案超出

src/components/home/indexNav.vue

@@ -632,6 +632,13 @@ export default {
   .MenuListBox li{
     width: 81px;
     padding-bottom: 15px;
+    max-height: 145px;
+    word-break: break-all;
+    text-overflow: ellipsis;
+    display: -webkit-box; 
+    -webkit-box-orient: vertical; 
+    -webkit-line-clamp: 1; 
+    overflow: hidden;
   }
   .MenuListItem{
     position: absolute;
@@ -693,6 +700,14 @@ export default {
     line-height: 23px;
     color: rgb(255,255,255);
     transition: all .5s;
+    display: inline-block;
+    max-height: 150px;
+    word-break: break-all;
+    text-overflow: ellipsis;
+    display: -webkit-box; 
+    -webkit-box-orient: vertical; 
+    -webkit-line-clamp: 1; 
+    overflow: hidden;
   }
   .SubMenuListText:hover{
     color: $secondary;

src/components/home/indexRoll1.vue

@@ -363,10 +363,9 @@
 .swipercomTitleL{
   color: rgb(5,23,50);
   max-width: 226px;
+  white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  white-space: nowrap; 
-
 }
   .swipercomTitleR{
     font-size: 16px;
@@ -374,6 +373,12 @@
     overflow: hidden;
     letter-spacing: 4px;
     line-height: 30px;
+    word-break: break-all;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+    overflow: hidden;
   }
 .sliderRight{
   z-index: 1;
@@ -443,6 +448,9 @@
   }
 .swipercomSubEn{
     color: $secondary;
+    max-height: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
 .swipercomSubEnLen::before{
   background: url(../../assets/img/home/radius-white.svg) 50%/cover no-repeat;

src/components/home/indexRoll2.vue

@@ -469,8 +469,9 @@
   color: $secondary;
   z-index: 2;
 }
-.swipercomTvR2BjBox{
-
+.swipercomSubEnLenR2 span{
+  max-height: 100%;
+  overflow: hidden;
 }
 .swipercomTvR2Bj{
   background: linear-gradient(0deg,#000,transparent);
@@ -488,10 +489,24 @@
 }
 .swipercomTitleLR2{
   font-size: 1.5rem;
+  width: 100%;
+  word-break: break-all;
+  text-overflow: ellipsis;
+  display: -webkit-box; 
+  -webkit-box-orient: vertical; 
+  -webkit-line-clamp: 1; 
+  overflow: hidden;
 }
 .swipercomDesR2{
   font-size: 1.1rem;
   padding: 15px 0;
+  max-height: 109px;
+  word-break: break-all;
+  text-overflow: ellipsis;
+  display: -webkit-box; 
+  -webkit-box-orient: vertical; 
+  -webkit-line-clamp: 3; 
+  overflow: hidden;
 }
 .swipercomIconR2{
   top: 1px;

src/components/home/indexSlider.vue

@@ -67,7 +67,7 @@
                     :style="{'background-color':windowWidth>=992?plugData.BgColor:''}"
                     :class="[windowWidth>=992?'h-66':'',]">
                       <p class="font-serifEn text-primary"
-                      :class="[windowWidth>=992?'writing-modes-vertical':'min-w-45',]"
+                      :class="[windowWidth>=992?'writing-modes-vertical':'min-w-45',$q.platform.is.desktop?'desktop':'moblie']"
                       :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>
@@ -83,7 +83,7 @@
                     :class="[windowWidth>=992?'absolute row':' column']">
                       <p class="text-center font-serifEn
                       row text-color85 opacity-80"
-                      :class="[windowWidth>=992?'writing-modes-vertical text-left justify-end items-end':'text-center']"
+                      :class="[windowWidth>=992?'writing-modes-vertical text-left justify-end items-end':'text-center',$q.platform.is.desktop?'desktop':'moblie']"
                       >
                         <!-- {{item.SubDescribe}} -->
                         <!-- <span v-if="windowWidth>=992" v-html="item.SubDescribe"></span> -->
@@ -313,6 +313,13 @@ export default {
     font-size: 1rem;
     line-height: 35px;
     opacity: .8;
+    max-height: 193px;
+    word-break: break-all;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 4;
+    overflow: hidden;
   }
   .indexSlider-right{
     width: 75%;
@@ -384,7 +391,19 @@ export default {
   }
   .inSliSubNameBox p{
     color: rgb(32,25,50);
-
+  }
+  .inSliSubNameBox p.desktop{
+    max-width: 50px;
+    height: 78%;
+    overflow: hidden;
+    word-spacing: nowrap;
+    text-overflow: ellipsis;
+  }
+  .inSliSubNameBox p.moblie{
+    max-width: 100%;
+    overflow: hidden;
+    word-spacing: nowrap;
+    text-overflow: ellipsis;
   }
   .indexSliderContainer.active .inSliSubNameBox p{
     font-size: 1.3rem;
@@ -450,6 +469,25 @@ export default {
     opacity: .9;
     line-height: 2.18rem;
   }
+  .inSliSubDescribeBox p.desktop{
+    word-break: break-all;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+    overflow: hidden;
+  }
+  .inSliSubDescribeBox p.moblie{
+    word-break: break-all;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 5;
+    overflow: hidden;
+  }
+  .indexSliderContainer.active .inSliSubDescribeBox p.moblie{
+    height: 11rem;
+  }
   .indexSliderContainer.active .inSliSubDescribeBox p{
     width: 100%;
     margin-left: 0;