Commit 22a5ef28 authored by youjie's avatar youjie

团系列详情 pdf预览

parent d413773c
@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;
......
......@@ -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;
}
......
<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;
......
......@@ -1152,3 +1152,6 @@
}
</style>
<style scoped>
@import url("../../../../assets/css/tripIndexNew2.css");
</style>
......@@ -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>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment