团系列详情 pdf预览

src/assets/css/tripIndexNew2.css

+@font-face {
+  font-family: 'SourceHanSerifCN';
+  src: url('https://im.oytour.com/tripfont/SourceHanSerifCN-Regular.otf') format(opentype);
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* Bold */
+@font-face {
+  font-family: 'SourceHanSerifCN';
+  src: url('https://im.oytour.com/tripfont/SourceHanSerifCN-Bold.otf') format(opentype);
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
 html, body{
   background: #fff;
 }
@@ -389,7 +405,7 @@ html, body{
     -moz-border-radius: 100px 0px 0px 100px;
     -ms-border-radius: 100px 0px 0px 100px;
     -o-border-radius: 100px 0px 0px 100px;
-    font-family: 'Microsoft JhengHei UI Light';
+    font-family: 'SourceHanSerifCN';
 }
 
 .travelDaysMasterMap {
@@ -470,7 +486,7 @@ html, body{
     font-size: 29px;
     font-weight: 800;
     color: #2A2A2A;
-    font-family: 'Microsoft JhengHei UI';
+    font-family: 'SourceHanSerifCN';
 }
 
   .textBold {
@@ -478,7 +494,7 @@ html, body{
         line-height: 54px;
         font-weight: 800;
         color: #2A2A2A;
-        font-family: 'Microsoft JhengHei UI Light';
+        font-family: 'SourceHanSerifCN';
     }
 
 .travelDaysdetails {
@@ -520,7 +536,7 @@ html, body{
 }
     .travelDaysdetails-text0 {
         font-size: 23px;
-        font-family: 'Microsoft JhengHei UI Light';
+        font-family: 'SourceHanSerifCN';
         font-weight: 800;
         color: #2A2A2A;
         flex-shrink: 0;
@@ -534,7 +550,7 @@ html, body{
       display: inline-block;
       white-space: wrap;
       font-size: 21px;
-      font-family: 'Microsoft JhengHei UI';
+      font-family: 'SourceHanSerifCN';
     }
     .travelDaysdetails-tsText,.travelDaysdetails-text {
         font-weight: 100;
@@ -547,13 +563,13 @@ html, body{
       margin: 0;
       margin-right: 10px;
       line-height: 38px;
-      font-family: 'Microsoft JhengHei UI';
+      font-family: 'SourceHanSerifCN';
   }
   .travelDaysdetails-textC{
     font-size: 23px;
     font-weight: 500;
     line-height: 38px;
-    font-family: 'Microsoft JhengHei UI Light';
+    font-family: 'SourceHanSerifCN';
   }
   .travelDaysdetails-text.right0{
     margin-right: 0;
@@ -778,10 +794,10 @@ html, body{
   font-weight: bold;
 }
 .fontFamilyLigh{
-  font-family: 'Microsoft JhengHei UI Light';
+  font-family: 'SourceHanSerifCN';
 }
 .fontFamilyUI{
-  font-family: 'Microsoft JhengHei UI';
+  font-family: 'SourceHanSerifCN';
 }
 .lineHeight25{
   line-height: 25px;

src/assets/css/tripIndexNewHV.css

@@ -11,6 +11,22 @@
 .pdfDomHVIndex{
   background: url('../img/trip/bjHV3.png') repeat;
 }
+@font-face {
+  font-family: 'SourceHanSerifCN';
+  src: url('https://im.oytour.com/tripfont/SourceHanSerifCN-Regular.otf') format(opentype);
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* Bold */
+@font-face {
+  font-family: 'SourceHanSerifCN';
+  src: url('https://im.oytour.com/tripfont/SourceHanSerifCN-Bold.otf') format(opentype);
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
 .LeaveGroupDownload-form.LeaveGroupDownload-formHV{
 
 }
@@ -34,10 +50,10 @@
 }
 .travelDaysHV-Description{
   height: 160px;
-  font-size: 24px;
-  line-height: 34px;
+  font-size: 33px;
+  line-height: 47px;
   color: #484647;
-  font-family: "Microsoft JhengHei UI";
+  font-family: "SourceHanSerifCN";
   font-weight: 400;
   word-break: break-all;
   text-overflow: ellipsis;
@@ -69,9 +85,9 @@
 }
 .travelDaysHV-CouponsName{
   overflow: hidden;
-  font-size: 30px;
+  font-size: 42px;
   text-align: center;
-  font-family: "Microsoft JhengHei UI";
+  font-family: "SourceHanSerifCN";
   white-space: nowrap;
 }
 .travelDaysHVMasterMap-one{
@@ -95,26 +111,26 @@
   font-size: 20px;
 }
 .travelDaysHVdetails-icon{
-  width: 36px;
-  height: 36px;
+  width: 50px;
+  height: 50px;
   border-radius: 50%;
   /* background: #D6CEC1; */
   text-align: center;
-  line-height: 36px;
+  line-height: 50px;
   margin-right: 30px;
 }
 .trtravelDaysHVdetails-textC{
-  font-size: 26px;
-  font-family: "Microsoft JhengHei UI";
+  font-size: 36px;
+  font-family: "SourceHanSerifCN";
   font-weight: 400;
   color: #484647;
 }
 .travelDaysHVdetails-text0{
-  font-size: 26px;
-  font-family: "Microsoft JhengHei UI";
+  font-size: 36px;
+  font-family: "SourceHanSerifCN";
   font-weight: bold;
   color: #484647;
-  line-height: 28px;
+  line-height: 39px;
   white-space: nowrap;
 }
 .travelDaysHVTdetails-textBox > .travelDaysdetails-text{
@@ -134,7 +150,7 @@
   margin: 14px 0;
 }
 .travelDaysHVContent-text .textBold{
-  font-size: 30px;
+  font-size: 42px;
   margin-bottom: 29px;
   font-weight: bold;
 }
@@ -142,8 +158,8 @@
   margin-bottom: 0;
 }
 .travelDaysHVContent-text{
-  font-size: 26px;
-  font-family: "Microsoft JhengHei UI";
+  font-size: 36px;
+  font-family: "SourceHanSerifCN";
   font-weight: 400;
   color: #FFFFFF;
   line-height: 40px;
@@ -197,7 +213,7 @@
 .HVTitlle-header1{
   width: 1342px;
   font-size: 26px;
-  font-family: "Microsoft JhengHei UI";
+  font-family: "SourceHanSerifCN";
   font-weight: bold;
   color: #242424;
   margin-top: 22px;
@@ -211,15 +227,15 @@
   line-height: 38px;
 }
 .HVTitlle-header0 img{
-width: 29px;
-height: 32px;
+width: 40px;
+height: 44px;
 margin-right: 23px;
 top: 7px;
 }
 .HVTitlle-header0 span{
-  width: 1342px;
-  font-size: 32px;
-  font-family: "Microsoft JhengHei UI";
+  /* width: 1342px; */
+  font-size: 44px;
+  font-family: "SourceHanSerifCN";
   font-weight: bold;
   color: #242424;
   /* white-space: nowrap; */
@@ -253,13 +269,13 @@ width: 100%;
 display: block;
 }
 .travelDaysHVTitlle-left-textOne{
-width: 125px;
-height: 36px;
+width: 175px;
+height: 50px;
 margin-top: 6px;
 }
 .travelDaysHVTitlle-left-textTwo{
-font-family: "Microsoft JhengHei UI";
-font-size: 52px;
+font-family: "SourceHanSerifCN";
+font-size: 72px;
 font-weight: bold;
 color: #242424;
 }

src/components/confirmationOrderDownLoadNew.vue

 <style>
-  @import url('../assets/css/tripIndex.css');
+  /* @import url('../assets/css/tripIndex.css'); */
   @import url("../assets/css/UpgradedVersion.css");
-  @import url("../assets/css/tripIndexNew2.css");
+  /* @import url("../assets/css/tripIndexNew2.css"); */
   @import url('../assets/css/detail.css');
-  @import url('../assets/css/tripIndexNewHV.css');
+  /* @import url('../assets/css/tripIndexNewHV.css'); */
 
   .confirmOrder {
     width: 950px;

src/components/newTravelmanager/travelLineTrip/components/travelDays.vue

@@ -1152,3 +1152,6 @@
   }
 
 </style>
+<style scoped>
+  @import url("../../../../assets/css/tripIndexNew2.css");
+</style>

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

@@ -383,7 +383,8 @@
                           </div>
                         </div>
                         <span class="travelDaysHVdetails-text0">{{$t('objFill.zaocan')}}：</span>
-                        <div class="trtravelDaysHVdetails-textC">
+                        <div class="trtravelDaysHVdetails-textC"
+                        :style="{'font-size':getFontSizeMeal(item.DinnerArray[0].DinnerName)}">
                           <template v-if="item&&item.DinnerArray&&item.DinnerArray.length>0">
                             {{item.DinnerArray[0].DinnerName?item.DinnerArray[0].DinnerName:$t('fnc.no')}}
                           </template>
@@ -551,6 +552,16 @@
         }
         return size + "px";
       },
+      getFontSizeMeal(title) {
+        if (!title) return
+        let size = 36;
+        if (title && title.length > 0 && title.length > 12) {
+          var tempSize = Number(12) / Number(title.length);
+          tempSize = tempSize * 36;
+          size = tempSize.toFixed(1);
+        }
+        return size + "px";
+      },
       getImgColor(img, id) {
         return "#fff"
       },
@@ -759,19 +770,7 @@
 
 </script>
 
-<style>
-  @import url('../../../../assets/css/tripIndexNewHV.css');
-
-
-
-
-
-
-
-
-
-
-
+<style scoped>
   .travelDaysContent-text .dayCouponsName {
     font-size: 21px;
     line-height: 38px;
@@ -786,3 +785,6 @@
   }
 
 </style>
+<style scoped>
+  @import url('../../../../assets/css/tripIndexNewHV.css');
+</style>