优化横版

src/components/newTravelmanager/travelLineTrip/components/travelDaysHV.vue

@@ -245,7 +245,7 @@
                             </div>
                           </div>
                           <div style="margin-top: 18px;" v-if="item.ScenicArray.length>0">
-                            <div class="fz21 fontBold travelDaysHV-CouponsName"
+                            <div class="fz21 fontBold travelDaysHV-CouponsName travelDaysHV-CouponsName3"
                             :style="{'color':dataAll.TripColor}">
                               <span class="CouponsNameM">【</span>
                               <span class="CouponsNameT">{{item.ScenicArray[0].CouponsName}}</span>
@@ -295,7 +295,7 @@
                             </div>
                           </div>
                           <div style="margin-top: 18px;" v-if="item.ScenicArray.length>1">
-                              <div class="fz21 fontBold travelDaysHV-CouponsName"
+                              <div class="fz21 fontBold travelDaysHV-CouponsName travelDaysHV-CouponsName3"
                               :style="{'color':dataAll.TripColor}">
                               <span class="CouponsNameM">【</span>
                               <span class="CouponsNameT">{{item.ScenicArray[1].CouponsName}}</span>
@@ -345,7 +345,7 @@
                             </div>
                           </div>
                           <div style="margin-top: 18px;">
-                              <div class="fz21 fontBold travelDaysHV-CouponsName"
+                              <div class="fz21 fontBold travelDaysHV-CouponsName travelDaysHV-CouponsName3"
                               :style="{'color':dataAll.TripColor}">
                               <span class="CouponsNameM">【</span>
                               <span class="CouponsNameT">{{item.ScenicArray[2].CouponsName}}</span>
@@ -767,19 +767,25 @@
   }
   .travelDaysHV-CouponsName span.CouponsNameM{
     position: relative;
-    top: -5px;
+    top: -9px;
+  }
+  .travelDaysHV-CouponsName.travelDaysHV-CouponsName3 span.CouponsNameT{
+    max-width: 450px;
   }
   .travelDaysHV-CouponsName span.CouponsNameT{
     display: inline-block;
+    width: auto;
     max-width: 650px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
   }
   .travelDaysHV-CouponsName{
+    overflow: hidden;
     font-size: 30px;
     text-align: center;
     font-family: Microsoft YaHei;
+    white-space: nowrap;
   }
   .travelDaysHVMasterMap-one{
     height: 524px;