行程预览

src/assets/css/tripIndexNewHV.css

+.hangban-info.hangban-infoHV{
+  border: 5px solid #FFF;
+  padding: 20px;
+}
+.baseTable.baseTableHV .essential-item.jianju {
+  /* border-right: 5px solid #FFF;
+  border-bottom: 5px solid #FFF; */
+  border: 5px solid #FFF;
+}
+.baseTable.baseTableHV .essential-item.jianju_b {
+  border: 5px solid #FFF;
+}
+.travelDaysHVMasterMap3{
+  height: 388px;
+  border-radius: 60px 0px 60px 0px;
+}
+.travelDaysHV-Description{
+  font-size: 24px;
+  line-height: 34px;
+  color: #484647;
+  font-family: DengXian;
+  font-weight: 400;
+  word-break: break-all;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 5;
+  overflow: hidden;
+  margin-top: 10px;
+}
+.travelDaysHV-Description.travelDaysHV-Description3{
+  height: 295px;
+  -webkit-line-clamp: 9;
+  margin-top: 20px;
+}
+.travelDaysHV-CouponsName span.CouponsNameM{
+  position: relative;
+  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;
+}
+.travelDaysHVMasterMap2 {
+  height: 524px;
+  border-radius: 50px 0px 50px 0px;
+}
+.travelDaysHV3-imgBox{
+  width: 516px;
+}
+.travelDaysHV2-imgBox{
+  width: 786px;
+}
+.travelDaysHV-box{
+  padding: 47px 54px 0 54px;
+}
+.travelDaysHVdetails-icon span{
+  margin-left: 1px;
+  font-size: 20px;
+}
+.travelDaysHVdetails-icon{
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  background: #D6CEC1;
+  text-align: center;
+  line-height: 34px;
+  margin-right: 30px;
+}
+.trtravelDaysHVdetails-textC{
+  font-size: 26px;
+  font-family: DengXian;
+  font-weight: 400;
+  color: #484647;
+}
+.travelDaysHVdetails-text0{
+  font-size: 26px;
+  font-family: Microsoft YaHei;
+  font-weight: bold;
+  color: #484647;
+  line-height: 28px;
+  white-space: nowrap;
+}
+.travelDaysHVTdetails-textBox{
+  min-height: 53px;
+  align-items: center;
+}
+.travelDaysHVdetails-textBox{
+  width: 100%;
+  height: 2px;
+  background:#E8E8E8;
+  margin: 14px 0;
+}
+.travelDaysHVContent-text .textBold{
+  font-size: 30px;
+  margin-bottom: 29px;
+}
+.travelDaysHVContent-text:last-child{
+  margin-bottom: 0;
+}
+.travelDaysHVContent-text{
+  font-size: 26px;
+  font-family: DengXian;
+  font-weight: bold;
+  color: #FFFFFF;
+  line-height: 26px;
+  margin-bottom: 40px;
+}
+.travelDaysHVdetailsBJ{
+  background: rgba(255,255,255, 0.8);
+  padding: 16px 55px;
+  border-radius: 20px;
+}
+.travelDaysHVdetails{
+  margin: 0;
+  padding: 0 47px 40px 47px;
+}
+.travelDaysHVContent{
+  padding: 42px 55px;
+  background: rgba(23,23,23,0.4);
+  margin: 0 57px;
+  margin-bottom: 50px;
+}
+.travelDaysHVMasterMap img{
+  width: 100%;
+}
+.travelDaysHVMasterMap{
+  height: 800px;
+}
+.travelDaysHVMasterMap2-box{
+  height: 1050px;
+  background: url('http://imgfile.oytour.com/Static/bjHV.png')no-repeat;
+  background-size: 100% 100%;
+}
+.travelDaysHVContentOne{
+  z-index: 99;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+.UpgradedVersion2Line.UpgradedVersion2LineHV{
+  top: 1240px;
+}
+.HVTitlle-header1{
+  width: 1342px;
+  font-size: 26px;
+  font-family: DengXian;
+  font-weight: bold;
+  color: #242424;
+  margin-top: 22px;
+  word-break: break-all;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-align: left;
+  line-height: 38px;
+}
+.HVTitlle-header0 img{
+width: 29px;
+height: 32px;
+margin-right: 23px;
+top: 7px;
+}
+.HVTitlle-header0 span{
+  width: 1342px;
+  font-size: 32px;
+  font-family: Microsoft YaHei;
+  font-weight: bold;
+  color: #242424;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+.travelDaysHVTitlle-right{
+margin-left: 54px;
+flex-wrap: nowrap;
+flex: 1;
+overflow: hidden;
+}
+.travelDaysHVTitlle-borderL div{
+border-left: 1px dashed #fff;
+height: 95%;
+min-height: 65px;
+}
+.travelDaysHVTitlle-borderL{
+width: 1px;
+padding: 5px 0;
+}
+.travelDaysHVTitlle-right-text{
+padding-left: 72px;
+justify-content: center;
+}
+.travelDaysHVTitlle-left-textOne img{
+width: 100%;
+display: block;
+}
+.travelDaysHVTitlle-left-textOne{
+width: 125px;
+height: 36px;
+margin-top: 6px;
+}
+.travelDaysHVTitlle-left-textTwo{
+font-family: Microsoft YaHei;
+font-size: 52px;
+font-weight: bold;
+color: #242424;
+}
+.travelDaysHVTitlle-left{
+margin-left: 61px;
+}
+.UpgradedVersionHV-box2{
+width: 1754px;
+background: #fff;
+}

src/components/LeaveGroupDownload/index.vue

@@ -84,7 +84,8 @@
                 在此，预祝您旅途愉快！希望您在本次旅程中留下此生中最美好的回忆！
               </p>
             </div>
-            <table class="baseTable baseTableHV trip-v3-base">
+            <table class="baseTable trip-v3-base"
+            :class="[dataAll.featurePageType==1?'baseTableHV':'']">
               <tbody>
                 <tr>
                   <td class="essential-item jianju">
@@ -177,7 +178,8 @@
               <div class="trip-v3-title small-margin">
                 参考航班
               </div>
-              <div class="hangban-info">
+              <div class="hangban-info"
+              :class="[dataAll.featurePageType==1?'hangban-infoHV':'']">
                 <table border="0" align="center" cellspacing="0" cellpadding="0" class="flight_list"
                   :class="{'guoneiLine':lineId==90}">
                   <thead class="flight_header">