Skip to content

A
Athena
Commit 7cf15637 authored by 华国豪's avatar 华国豪 🙄
Browse files
Options

‘样式！’

parent bd9106a1
Show whitespace changes
Inline Side-by-side
Showing with 720 additions and 719 deletions
src/assets/css/tripIndex.css
View file @ 7cf15637
/* @font-face{
font-family: 'PingFangR';
src: local('PingFang SC')
}
@font-face{
font-family: 'FZDBSJW';
src: local('FZDaBiaoSong-B06S')
} */
.trip_cover{
position: fixed;
z-index: 99;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
}
.trip-box{
width: 990px;
margin: 0 auto;
cursor: default;
}
.trip-block{
max-width: 100%;
padding-bottom: 40px;
padding-top: 40px;
border-bottom: #666666 1px dotted;
}
.trip-block .trip-title {
min-height: 48px;
font-size: 20px;
background: #f3f3f3;
padding:0 10px;
box-sizing: border-box;
color: #000000;
/*font-family: 'PingFangR';*/
display: flex;
align-items: center;
}
.trip-block .trip-title .day{
width: 135px;
}
.trip-block .trip-title .day h3{
margin: 0px;
font-size: 32px;
}
.trip-block .trip-title .desc{
letter-spacing: 3px;
line-height: 1.4;
border-left: 1px solid #333;
padding-left: 20px;
width: 865px;
height: 100%;
padding: 10px 10px 10px 20px;
/*font-family: 'PingFang SC'*/
}
.trip-block .trip-title .desc i{
font-size: 22px;
margin: 0 10px;
}
.trip-block .block-item{
margin-top: 20px;
font-size: 0px;
}
.trip-block .block-item .item{
padding: 22px;
border: 1px solid #bbb;
/* transition: box-shadow 250ms ease-out 0s; */
font-size: 15px;
line-height: 1.5em;
margin-bottom:4px;
color: #000000;
background: #f7f7f7;
box-sizing: border-box;
}
.trip-block .block-item .item:hover{
/* box-shadow: 0 0 12px rgba(0,0,0,0.1) inset; */
}
.trip-block .block-item .item h3{
margin: 18px 0;
font-size: 18px;
font-family: Arial;
font-weight: bold;
color: #000000;
position: relative;
z-index: 2;
}
.trip-block .block-item .item .playInfo{
height: 25px;
}
.trip-block .block-item .item .playInfo .playInfo-item{
color: #000000;
font-size: 12px;
margin-right: 20px;
/*font-family: 'PingFang SC Regular'*/
}
.trip-block .block-item .item .playInfo .playInfo-item span{
display: inline;
}
.detail-box .expense{
display: block !important;
}
.trip-block .block-item .item .playInfo .playInfo-item .iconfont{
font-size: 16px;
margin-right: 5px;
}
.trip-block .block-item .item h3 .iconfont{
font-size: 20px;
margin: 0 5px;
}
.trip-block .block-item .item h4{
font-size: 18px;
margin: 9px 5px;
/*font-family: 'PingFang SC';*/
font-weight: 400;
letter-spacing: 3px;
line-height: 1.4;
}
.trip-block .block-item .day_tips{
margin-bottom: 30px;
clear: both;
}
.trip-block .block-item .day_tips p{
font-size: 12px;
}
.trip-block .block-item .day_tips::after{
content: '';
display: block;
clear: both;
}
.trip-block .block-item .day_tips h4{
float: left;
position: relative;
width: 86px;
color: #EF4455;
font-size: 16px;
line-height: 20px;
margin: 0;
/*font-family: 'PingFang SC'*/
}
.trip-block .block-item .day_tips div{
float: left;
max-width: 850px;
}
.trip-block .block-item .item.big{
padding: 0px !important;
height: 450px;
background: transparent;
}
.trip-block .block-item .item.big .left{
float: left;
width: 665px;
height: 449px;
overflow: hidden;
}
.trip-block .block-item .item.big .left img{
width:100%;
/* height: 100%; */
/* zk新增 */
min-height: 449px;
position: relative;
}
.trip-block .block-item .item.big .right{
float: left;
width:322px;
height: 450px;
padding: 22px;
box-sizing: border-box;
position: relative;
}
.trip-block .block-item .item.big .right .details{
left: 22px;
right: 22px;
bottom: 22px;
position: absolute;
max-height: 420px;
overflow: hidden;
/*font-family: 'PingFang SC Regular'*/
}
.trip-block .block-item .item .remark{
padding-left:12px;
font-size: 15px;
flex: 1;
color: #000000;
}
.trip-block .block-item .item .up{
height: 330px;
margin: -22px;
overflow: hidden;
}
.trip-block .block-item .item .up img{
/* width: 100%; */
/* zk新增 */
position: relative;
}
.trip-block .block-item .item .upFour{
height: 264px;
width: 100%;
/* zk新增 */
overflow: hidden;
}
.trip-block .block-item .item .upFour img{
width: 100%;
/* height: 100%; */
min-height: 264px;
position: relative;
}
.trip-block .block-item .item .down{
/* height: 230px; */
overflow: hidden;
padding: 22px;
/*font-family: 'PingFang SC Regular';*/
padding-bottom: 0px;
}
/* .trip-block .block-item .item .down:last-child{
height: 245px;
} */
/* .fiveday .item .down:last-child{
height: 245px;
} */
.trip-block .block-item .item.hor-box{
display: flex;
padding: 0px;
height: 280px;
overflow: hidden;
}
.trip-block .block-item .item.hor-box .remark{
transition: .4s;
padding: 22px;
overflow: hidden;
height: 170px;
}
.trip-block .block-item .item.hor-box .image{
flex: 1;
height: 100%;
}
.trip-block .block-item .item.hor-box .image img{
width: 100%;
/* height: 100%; */
/*zk新增*/
position: relative;
zoom:0.8;
/*zk新增*/
flex: 1;
}
.trip-block .block-item .item .three-item{
height: 197px;
position: relative;
}
.trip-block .block-item .item .three-item:hover .image{
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
-webkit-transition: .3s;
transition: .3s;
}
.trip-block .block-item .item .three-item .image{
position: absolute;
-webkit-transition: .3s;
top: -40px;
left: -22px;
bottom: -22px;
right: -22px;
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
transition: .3s;
z-index: 0;
}
.trip-block .block-item .item .three-item .image img{
width: 100%;
height: 100%;
}
.trip-block .block-item .item .three-item:hover span {
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
transition: 200ms ease-out;
}
.trip-block .block-item .item .three-item span {
max-height: 150px;
display: inline-block;
overflow: hidden;
}
.trip-block .block-item .item .three-item:hover h3{
color:#f1f1f1;
}
.trip-block .block-item .restaurant{
margin:20px 0;
font-size: 16px;
/*font-family: 'PingFang SC Regular'*/
}
.trip-block .block-item .restaurant>div{
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.trip-block .block-item .restaurant .restaurant-item{
flex-grow: 1;
display: flex;
}
.trip-block .block-item .restaurant .restaurant-item .key{
flex-shrink: 0;
width:95px;
}
.trip-block .block-item .restaurant .restaurant-item .key img{
width:80px;
height: 28px;
}
.trip-block .block-item .restaurant .restaurant-item .val{
flex: 1;
font-size: 14px;
min-height: 28px;
color: #000000;
line-height: 28px;
}
.trip-block .flex{
display: flex;
}
.trip-block .block-item .five-box{
margin-bottom: 4px;
}
.trip-block .block-item .five-box::after{
content: '';
display: block;
clear: both;
}
.trip-block .block-item .five-box .left{
position: relative;
float: left;
width: 320px;
height: 1056px;
overflow: hidden;
margin-right: 4px;
font-size: 0px;
}
.trip-block .block-item .five-box .left .item{
height: 526px;
overflow: hidden;
border: 1px solid #bbb;
border-top: none;
box-sizing: border-box;
}
.trip-block .block-item .five-box .left .image{
width: 100%;
height: 528px;
overflow: hidden;
border: 1px solid #bbb;
border-bottom: none;
}
.trip-block .block-item .five-box .left .image img{
width: 100%;
height: 100%;
}
.trip-block .block-item .five-box .left .item{
background: transparent;
color: #000000;
}
.trip-block .block-item .five-box .left .item span{
opacity: 0;
transition: 0.3s;
}
/* .trip-block .block-item .five-box .left:hover .item{
transition: 0.3s;
background: rgba(0,0,0,0.2);
}
.trip-block .block-item .five-box .left:hover .item span{
opacity: 1;
transition: 0.3s;
} */
.trip-block .block-item .five-box .left .item h3{
color: #000000;
}
.trip-block .block-item .five-box .right{
float: left;
width: 666px;
margin-bottom: 30px;
}
.trip-block .block-item .five-box .right .item{
height: 247px;
overflow: hidden;
}
.trip-block .block-item .five-box .right .item5{
height: 525px;
width: 330px;
margin-left: 4px;
padding: 0px;
margin: 0px;
}
.trip-block .block-item .five-box .right .item .three-item{
height: 100%;
}
.trip-block .block-item .five-box .right .item .three-item span{
height: 88px;
overflow: hidden;
display: inline-block;
}
.trip-block .block-item .item p{
margin: 0px !important;
padding: 0px !important;
line-height: 1.4;
letter-spacing: 2px;
/*font-family: 'PingFang SC Regular';*/
word-wrap:break-word;
font-size: 14px;
}
.trip-block .block-item .item .pp{
margin: 0px !important;
padding: 0px !important;
line-height: 1.4;
/*letter-spacing: 2px;*/
/*font-family: 'PingFang SC Regular';*/
word-wrap:break-word;
font-size: 15px;
}
.trip_text_details{
margin: 30px 0 0 0;
}
.trip_text_details>h3{
font-size: 16px;
color: #040000;
}
.trip_text_details>h3>span{
margin: 0 0 0 10px;
color: #000000;
}
.trip_text_details>.trip_text_content{
font-size: 16px;
color: #000000;
}
.trip_text_restaurant .restaurant{
margin:10px 0;
}
.trip_text_restaurant .restaurant .restaurant-item{
display: flex;
}
.trip_text_restaurant .restaurant .restaurant-item .key{
width:95px;
}
.trip_text_restaurant .restaurant .restaurant-item .key img{
width:80px;
height: 28px;
}
.trip_text_restaurant .restaurant .restaurant-item .val{
flex: 1;
font-size: 14px;
min-height: 28px;
color: #000000;
line-height: 28px;
}
.trip_text_trips{
margin: 20px 0 10px 0;
}
.trip_text_trips::after{
content: '';
display: block;
clear: both;
}
.trip_text_trips>h4{
margin: 0 0 0 0;
float: left;
width: 80px;
line-height: 20px;
}
.trip_text_trips>div{
float: left;
max-width: 850px;
word-wrap:break-word;
color: #000000;
}
.trip_text_trips>div *{
color: #000000 !important;
}
.day_table{
border-spacing:0px;
font-size: 0px;
width: 100%;
clear: both;
}
.day_table td{
padding: 0px;
}
.threeday_2{
font-size: 0px;
}
.threeday_2>div:nth-child(1){
display: inline-block;
width: 333px;
vertical-align: top;
}
.threeday_2>div:nth-child(2){
display: inline-block;
width: 652px;
margin-left: 4px;
vertical-align: top;
}
.threeday_3{
font-size: 0px;
}
.threeday_3>div:nth-child(1){
display: inline-block;
width: 652px;
vertical-align: top;
margin-right: 4px;
margin-bottom: 30px;
}
.threeday_3>div:nth-child(2){
display: inline-block;
width: 333px;
vertical-align: top;
}
.twoday_item{
float: left;
width: 492px;
}
.two-block .twoday_item:nth-child(1){
margin: 0 4px 0 0;
}
.fourday_bottom{
display: inline-block;
width: 326px;
vertical-align: top;
box-sizing: border-box;
height: 500px;
margin-bottom: 30px;
}
.fourday_bottom .item{
padding: 0px !important;
}
.fourday_bottom .item .upFour{
height: 280px;
}
.fourday_bottom .item .down{
padding: 10px 20px 0 20px !important;
height: 226px !important;
margin-bottom: 10px;
}
.fiveday>div{
display: inline-block;
width: 330px;
vertical-align: top;
margin-bottom: 4px;
}
.fiveday>div:nth-child(odd){
margin: 0 5px 0 0;
}
.travelControlTrip .travelHotel2{
height: inherit;
}
.travelControlTrip .travelHotel2 .travelHotel2_left{
height: inherit;
}
.travelControlTrip *{
page-break-inside: avoid;
}
.travelControlTrip #pdf_1{
page-break-after: always;
}
#pdfDom .feature-box .body-box .type{
display: none !important;
}
#pdfNode{
margin: 10px 0 0 0;
}
#pdfDom{padding: 0!important;}
.travelControlTripBtn{ color: #fff; width: 90px; height:30px; background:#E95252; border: 1px solid #E95252; cursor: pointer; border-radius: 15px;margin-left: 10px;}
.travelControlTrip{
display: block !important;
width: 1123px;
/*width: 1000px;*/
/*zoom:1.123; */
box-sizing: border-box;
background:#fff ;
height: auto;
padding: 20px 0;
margin:0 auto;
height: auto!important;
/*font-family: 'PingFang SC Regular'*/
}
.travelControlTrip .logo-div{width: 100%;text-align: center;}
.travelControlTrip .logo-div>img{
width: 100%;
}
.travelControlTrip .footer-div{text-align: center;padding: 25px 0; border-top: 1px solid #eee;}
.travelControlTrip .website{text-align: center; font-size: 12px; color: #e73e6d; margin-top: 10px; }
.travelControlTrip .website .website-line{height: 1px; background: #f1f1f1; transform: rotateX(60deg);}
.travelControlTrip .trip-adviser{background: #f7f7f7; font-size: 14px; color: #000000; line-height: 30px;margin: 10px 0 0 0; padding: 10px 20px;}
.travelControlTrip .trip-adviser>p{margin: 10px 0 0 0;font-size: 18px;}
.travelControlTrip .website span{top:-10px; position: relative; background: #fff; padding: 0 15px; font-size: 13px; color: #EE4454;}
.travelControlTrip .trip-nav-title{font-size: 22px; text-align: center;margin: 0px;}
.travelControlTrip .module-title{text-align: center; font-size: 18px; color: #333; padding-top: 30px; padding-bottom: 30px;}
.travelControlTrip .module-title h2{font-weight: normal;font-size: 18px;margin: 0px;}
.template-box .travelSpecial{padding-top: 0px;}
.travelControlTrip .module-title .short-line{width: 32px; height: 2px; background: #e73e6d; margin: 12px auto;}
.travelControlTrip .module-title .english-title{font-family: arial; font-size: 12px; color: #ccc;}
.travelControlTrip .module-title .long-line{width: 100%; height: 1px; background: #f1f1f1; margin: 35px 0; transform: rotateX(60deg) /*解决pdf打印线条过粗*/;}
.travelControlTrip .essential{display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 40px;}
.travelControlTrip .essential-item{width:320px; height:100px; box-sizing: border-box;padding-left: 20px;}
.travelControlTrip .essential-item img{float: left; margin-right:12px; width: 66px; height: 66px; border-radius: 38px;}
.travelControlTrip .essential-item p.pkey{font-size: 14px; color: #000; margin:10px 0 0 0; }
.travelControlTrip .essential-item p.pvalue{font-size: 18px; color: #000; margin-top:5px; }
.travelControlTrip .collection{margin-bottom: 40px;width: 100%;}
.travelControlTrip .collection-item{width:400px; height:110px;border-bottom:1px solid #ddd; margin-left:60px; box-sizing: border-box; color: #666;}
.travelControlTrip .collection-item>div{width:130px; float: left;padding-top: 25px;}
.travelControlTrip .collection-item img{vertical-align: sub; margin-right:12px;}
.travelControlTrip .collection-item span{font-size: 18px; color: #000;width:270px;display: inline-block;float: left;padding-top: 25px;}
.travelControlTrip .flight-table{width:960px; color: #666; margin-bottom: 90px; background: #fff;}
.travelControlTrip .flight-table td.thClass {height: 50px; background: #e2e2e2; font-size: 16px; font-weight: normal; padding: 0!important;}
.travelControlTrip .flight-table tr td{background: #f7f7f7; text-align: center; font-size: 14px; padding: 15px 10px; }
.travelControlTrip .Passenger-table{width:960px; margin: 0 20px; color: #666; background: #fff;}
.travelControlTrip .Passenger-table td.thClass {height: 50px; background: #e2e2e2; font-size: 16px; font-weight: normal; padding: 0!important;}
.travelControlTrip .Passenger-table td.thClass img{margin-right:5px; margin-top: 2px;}
.travelControlTrip .Passenger-table tr td{background: #f7f7f7; text-align: center; font-size: 14px; padding: 15px 10px; }
.travelControlTrip .tourCont-item{overflow: hidden; margin-bottom: 80px;}
.travelControlTrip .tourCont-item .tourdate{display: flex; width: 100%; height: 50px; }
.travelControlTrip .tourCont-item .tourdate .tourdateLeft {flex:0 1 100px; }
.travelControlTrip .tourCont-item .tourdate .tourdateLeft>p {height: 25px; line-height: 25px; margin: 0;}
.travelControlTrip .tourCont-item .tourdate .tourdateLeft>p:first-child{font-size: 24px;font-weight: bold; letter-spacing: 2px;}
.travelControlTrip .tourCont-item .tourdate .tourdateRight{flex: auto; background: #e2e2e2; line-height: 50px; text-indent: 20px;}
.travelControlTrip .tourCont-item .tourCont-item-top{overflow: hidden;}
.travelControlTrip .tourCont-item .tourCont-item-bottom{margin-top: 20px;}
.travelControlTrip .tourCont-item .tourCont-item-bottom>div{height: 40px; line-height: 40px;}
.travelControlTrip .tourCont-item .tourCont-item-bottom img{vertical-align: middle}
.travelControlTrip .fbold{font-weight: bold;}
.confirmationOrderDownLoad input[type="checkbox"] + label::before {
content: "\A0";
display: inline-block;
width: .8em;
height: .8em;
margin-top: .2em;
margin-right: .8em;
border-radius: .2em;
background-color: white;
text-indent: .15em;
line-height: .8;
color: white;
border: 1px solid #e95252;
}
.confirmationOrderDownLoad input[type="checkbox"]:checked + label::before {
content: "\2713";
background-color: #e95252;
}
.confirmationOrderDownLoad input[type="checkbox"]{
position: absolute;
clip: rect(0, 0, 0, 0);
}
.confirmationOrderDownLoad input[type="checkbox"]:focus + label::before {
box-shadow: none;
}
.confirmationOrderDownLoad input[type="checkbox"]:disabled + label::before {
background-color: gray;
box-shadow: none;
color: #555;
}
#pdf_2 *{
page-break-inside:unset;
}
#pdf_2 .zidingyi img{
max-height: 100%;
width: 100%;
}
#pdf_2 .zidingyi p{
margin: 0;
padding: 0;
}
#pdf_4 *,#pdf_5 *,#pdf_6 *{
page-break-inside: auto;
}
.trip-box *{
page-break-inside:avoid !important;
}
#pdf_2 .module-title,#pdf_3_header .module-title{
padding: 0px;
}
.zidingyi-box *{
max-width: 99%;
}
#pdf_2 .zidingyi .u-box{
height: 1400px;
page-break-inside:avoid;
}
#pdf_2 .travle_page{
/*zoom: 0.85;*/
/*margin: 0 auto;*/
}
/* #pdf_2 .feature-box{
min-height: 1400px;
background: red;
page-break-inside:avoid;
} */
@media print
{
#pdf_2 * {page-break-inside:avoid;}
}
src/components/global/confirmationOrderDownLoad.vue
View file @ 7cf15637
<style scoped>
/* @font-face{
font-family: 'PingFangR';
src: local('PingFang SC')
}
@font-face{
font-family: 'FZDBSJW';
src: local('FZDaBiaoSong-B06S')
} */
.trip_cover{
position: fixed;
z-index: 99;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
}
.trip-box{
width: 990px;
margin: 0 auto;
cursor: default;
}
.trip-block{
max-width: 100%;
padding-bottom: 40px;
padding-top: 40px;
border-bottom: #666666 1px dotted;
}
.trip-block .trip-title {
min-height: 48px;
font-size: 20px;
background: #f3f3f3;
padding:0 10px;
box-sizing: border-box;
color: #000000;
/*font-family: 'PingFangR';*/
display: flex;
align-items: center;
}
.trip-block .trip-title .day{
width: 135px;
}
.trip-block .trip-title .day h3{
margin: 0px;
font-size: 32px;
}
.trip-block .trip-title .desc{
letter-spacing: 3px;
line-height: 1.4;
border-left: 1px solid #333;
padding-left: 20px;
width: 865px;
height: 100%;
padding: 10px 10px 10px 20px;
/*font-family: 'PingFang SC'*/
}
.trip-block .trip-title .desc i{
font-size: 22px;
margin: 0 10px;
}
.trip-block .block-item{
margin-top: 20px;
font-size: 0px;
}
.trip-block .block-item .item{
padding: 22px;
border: 1px solid #bbb;
/* transition: box-shadow 250ms ease-out 0s; */
font-size: 15px;
line-height: 1.5em;
margin-bottom:4px;
color: #000000;
background: #f7f7f7;
box-sizing: border-box;
}
.trip-block .block-item .item:hover{
/* box-shadow: 0 0 12px rgba(0,0,0,0.1) inset; */
}
.trip-block .block-item .item h3{
margin: 18px 0;
font-size: 18px;
font-family: Arial;
font-weight: bold;
color: #000000;
position: relative;
z-index: 2;
}
.trip-block .block-item .item .playInfo{
height: 25px;
}
.trip-block .block-item .item .playInfo .playInfo-item{
color: #000000;
font-size: 12px;
margin-right: 20px;
/*font-family: 'PingFang SC Regular'*/
}
.trip-block .block-item .item .playInfo .playInfo-item span{
display: inline;
}
.detail-box .expense{
display: block !important;
}
.trip-block .block-item .item .playInfo .playInfo-item .iconfont{
font-size: 16px;
margin-right: 5px;
}
.trip-block .block-item .item h3 .iconfont{
font-size: 20px;
margin: 0 5px;
}
.trip-block .block-item .item h4{
font-size: 18px;
margin: 9px 5px;
/*font-family: 'PingFang SC';*/
font-weight: 400;
letter-spacing: 3px;
line-height: 1.4;
}
.trip-block .block-item .day_tips{
margin-bottom: 30px;
clear: both;
}
.trip-block .block-item .day_tips p{
font-size: 12px;
}
.trip-block .block-item .day_tips::after{
content: '';
display: block;
clear: both;
}
.trip-block .block-item .day_tips h4{
float: left;
position: relative;
width: 86px;
color: #EF4455;
font-size: 16px;
line-height: 20px;
margin: 0;
/*font-family: 'PingFang SC'*/
}
.trip-block .block-item .day_tips div{
float: left;
max-width: 850px;
}
.trip-block .block-item .item.big{
padding: 0px !important;
height: 450px;
background: transparent;
}
.trip-block .block-item .item.big .left{
float: left;
width: 665px;
height: 449px;
overflow: hidden;
}
.trip-block .block-item .item.big .left img{
width:100%;
/* height: 100%; */
/* zk新增 */
min-height: 449px;
position: relative;
}
.trip-block .block-item .item.big .right{
float: left;
width:322px;
height: 450px;
padding: 22px;
box-sizing: border-box;
position: relative;
}
.trip-block .block-item .item.big .right .details{
left: 22px;
right: 22px;
bottom: 22px;
position: absolute;
max-height: 420px;
overflow: hidden;
/*font-family: 'PingFang SC Regular'*/
}
.trip-block .block-item .item .remark{
padding-left:12px;
font-size: 15px;
flex: 1;
color: #000000;
}
.trip-block .block-item .item .up{
height: 330px;
margin: -22px;
overflow: hidden;
}
.trip-block .block-item .item .up img{
/* width: 100%; */
/* zk新增 */
position: relative;
}
.trip-block .block-item .item .upFour{
height: 264px;
width: 100%;
/* zk新增 */
overflow: hidden;
}
.trip-block .block-item .item .upFour img{
width: 100%;
/* height: 100%; */
min-height: 264px;
position: relative;
}
.trip-block .block-item .item .down{
/* height: 230px; */
overflow: hidden;
padding: 22px;
/*font-family: 'PingFang SC Regular';*/
padding-bottom: 0px;
}
/* .trip-block .block-item .item .down:last-child{
height: 245px;
} */
/* .fiveday .item .down:last-child{
height: 245px;
} */
.trip-block .block-item .item.hor-box{
display: flex;
padding: 0px;
height: 280px;
overflow: hidden;
}
.trip-block .block-item .item.hor-box .remark{
transition: .4s;
padding: 22px;
overflow: hidden;
height: 170px;
}
.trip-block .block-item .item.hor-box .image{
flex: 1;
height: 100%;
}
.trip-block .block-item .item.hor-box .image img{
width: 100%;
/* height: 100%; */
/*zk新增*/
position: relative;
zoom:0.8;
/*zk新增*/
flex: 1;
}
.trip-block .block-item .item .three-item{
height: 197px;
position: relative;
}
.trip-block .block-item .item .three-item:hover .image{
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
-webkit-transition: .3s;
transition: .3s;
}
.trip-block .block-item .item .three-item .image{
position: absolute;
-webkit-transition: .3s;
top: -40px;
left: -22px;
bottom: -22px;
right: -22px;
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
transition: .3s;
z-index: 0;
}
.trip-block .block-item .item .three-item .image img{
width: 100%;
height: 100%;
}
.trip-block .block-item .item .three-item:hover span {
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
transition: 200ms ease-out;
}
.trip-block .block-item .item .three-item span {
max-height: 150px;
display: inline-block;
overflow: hidden;
}
.trip-block .block-item .item .three-item:hover h3{
color:#f1f1f1;
}
.trip-block .block-item .restaurant{
margin:20px 0;
font-size: 16px;
/*font-family: 'PingFang SC Regular'*/
}
.trip-block .block-item .restaurant>div{
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.trip-block .block-item .restaurant .restaurant-item{
flex-grow: 1;
display: flex;
}
.trip-block .block-item .restaurant .restaurant-item .key{
flex-shrink: 0;
width:95px;
}
.trip-block .block-item .restaurant .restaurant-item .key img{
width:80px;
height: 28px;
}
.trip-block .block-item .restaurant .restaurant-item .val{
flex: 1;
font-size: 14px;
min-height: 28px;
color: #000000;
line-height: 28px;
}
.trip-block .flex{
display: flex;
}
.trip-block .block-item .five-box{
margin-bottom: 4px;
}
.trip-block .block-item .five-box::after{
content: '';
display: block;
clear: both;
}
.trip-block .block-item .five-box .left{
position: relative;
float: left;
width: 320px;
height: 1056px;
overflow: hidden;
margin-right: 4px;
font-size: 0px;
}
.trip-block .block-item .five-box .left .item{
height: 526px;
overflow: hidden;
border: 1px solid #bbb;
border-top: none;
box-sizing: border-box;
}
.trip-block .block-item .five-box .left .image{
width: 100%;
height: 528px;
overflow: hidden;
border: 1px solid #bbb;
border-bottom: none;
}
.trip-block .block-item .five-box .left .image img{
width: 100%;
height: 100%;
}
.trip-block .block-item .five-box .left .item{
background: transparent;
color: #000000;
}
.trip-block .block-item .five-box .left .item span{
opacity: 0;
transition: 0.3s;
}
/* .trip-block .block-item .five-box .left:hover .item{
transition: 0.3s;
background: rgba(0,0,0,0.2);
}
.trip-block .block-item .five-box .left:hover .item span{
opacity: 1;
transition: 0.3s;
} */
.trip-block .block-item .five-box .left .item h3{
color: #000000;
}
.trip-block .block-item .five-box .right{
float: left;
width: 666px;
margin-bottom: 30px;
}
.trip-block .block-item .five-box .right .item{
height: 247px;
overflow: hidden;
}
.trip-block .block-item .five-box .right .item5{
height: 525px;
width: 330px;
margin-left: 4px;
padding: 0px;
margin: 0px;
}
.trip-block .block-item .five-box .right .item .three-item{
height: 100%;
}
.trip-block .block-item .five-box .right .item .three-item span{
height: 88px;
overflow: hidden;
display: inline-block;
}
.trip-block .block-item .item p{
margin: 0px !important;
padding: 0px !important;
line-height: 1.4;
letter-spacing: 2px;
/*font-family: 'PingFang SC Regular';*/
word-wrap:break-word;
font-size: 14px;
}
.trip-block .block-item .item .pp{
margin: 0px !important;
padding: 0px !important;
line-height: 1.4;
/*letter-spacing: 2px;*/
/*font-family: 'PingFang SC Regular';*/
word-wrap:break-word;
font-size: 15px;
}
.trip_text_details{
margin: 30px 0 0 0;
}
.trip_text_details>h3{
font-size: 16px;
color: #040000;
}
.trip_text_details>h3>span{
margin: 0 0 0 10px;
color: #000000;
}
.trip_text_details>.trip_text_content{
font-size: 16px;
color: #000000;
}
.trip_text_restaurant .restaurant{
margin:10px 0;
}
.trip_text_restaurant .restaurant .restaurant-item{
display: flex;
}
.trip_text_restaurant .restaurant .restaurant-item .key{
width:95px;
}
.trip_text_restaurant .restaurant .restaurant-item .key img{
width:80px;
height: 28px;
}
.trip_text_restaurant .restaurant .restaurant-item .val{
flex: 1;
font-size: 14px;
min-height: 28px;
color: #000000;
line-height: 28px;
}
.trip_text_trips{
margin: 20px 0 10px 0;
}
.trip_text_trips::after{
content: '';
display: block;
clear: both;
}
.trip_text_trips>h4{
margin: 0 0 0 0;
float: left;
width: 80px;
line-height: 20px;
}
.trip_text_trips>div{
float: left;
max-width: 850px;
word-wrap:break-word;
color: #000000;
}
.trip_text_trips>div *{
color: #000000 !important;
}
.day_table{
border-spacing:0px;
font-size: 0px;
width: 100%;
clear: both;
}
.day_table td{
padding: 0px;
}
.threeday_2{
font-size: 0px;
}
.threeday_2>div:nth-child(1){
display: inline-block;
width: 333px;
vertical-align: top;
}
.threeday_2>div:nth-child(2){
display: inline-block;
width: 652px;
margin-left: 4px;
vertical-align: top;
}
.threeday_3{
font-size: 0px;
}
.threeday_3>div:nth-child(1){
display: inline-block;
width: 652px;
vertical-align: top;
margin-right: 4px;
margin-bottom: 30px;
}
.threeday_3>div:nth-child(2){
display: inline-block;
width: 333px;
vertical-align: top;
}
.twoday_item{
float: left;
width: 492px;
}
.two-block .twoday_item:nth-child(1){
margin: 0 4px 0 0;
}
.fourday_bottom{
display: inline-block;
width: 326px;
vertical-align: top;
box-sizing: border-box;
height: 500px;
margin-bottom: 30px;
}
.fourday_bottom .item{
padding: 0px !important;
}
.fourday_bottom .item .upFour{
height: 280px;
}
.fourday_bottom .item .down{
padding: 10px 20px 0 20px !important;
height: 226px !important;
margin-bottom: 10px;
}
.fiveday>div{
display: inline-block;
width: 330px;
vertical-align: top;
margin-bottom: 4px;
}
.fiveday>div:nth-child(odd){
margin: 0 5px 0 0;
}
.travelControlTrip .travelHotel2{
height: inherit;
}
.travelControlTrip .travelHotel2 .travelHotel2_left{
height: inherit;
}
.travelControlTrip *{
page-break-inside: avoid;
}
.travelControlTrip #pdf_1{
page-break-after: always;
}
#pdfDom .feature-box .body-box .type{
display: none !important;
}
#pdfNode{
margin: 10px 0 0 0;
}
#pdfDom{padding: 0!important;}
.travelControlTripBtn{ color: #fff; width: 90px; height:30px; background:#E95252; border: 1px solid #E95252; cursor: pointer; border-radius: 15px;margin-left: 10px;}
.travelControlTrip{
display: block !important;
width: 1123px;
/*width: 1000px;*/
/*zoom:1.123; */
box-sizing: border-box;
background:#fff ;
height: auto;
padding: 20px 0;
margin:0 auto;
height: auto!important;
/*font-family: 'PingFang SC Regular'*/
}
.travelControlTrip .logo-div{width: 100%;text-align: center;}
.travelControlTrip .logo-div>img{
width: 100%;
}
.travelControlTrip .footer-div{text-align: center;padding: 25px 0; border-top: 1px solid #eee;}
.travelControlTrip .website{text-align: center; font-size: 12px; color: #e73e6d; margin-top: 10px; }
.travelControlTrip .website .website-line{height: 1px; background: #f1f1f1; transform: rotateX(60deg);}
.travelControlTrip .trip-adviser{background: #f7f7f7; font-size: 14px; color: #000000; line-height: 30px;margin: 10px 0 0 0; padding: 10px 20px;}
.travelControlTrip .trip-adviser>p{margin: 10px 0 0 0;font-size: 18px;}
.travelControlTrip .website span{top:-10px; position: relative; background: #fff; padding: 0 15px; font-size: 13px; color: #EE4454;}
.travelControlTrip .trip-nav-title{font-size: 22px; text-align: center;margin: 0px;}
.travelControlTrip .module-title{text-align: center; font-size: 18px; color: #333; padding-top: 30px; padding-bottom: 30px;}
.travelControlTrip .module-title h2{font-weight: normal;font-size: 18px;margin: 0px;}
.template-box .travelSpecial{padding-top: 0px;}
.travelControlTrip .module-title .short-line{width: 32px; height: 2px; background: #e73e6d; margin: 12px auto;}
.travelControlTrip .module-title .english-title{font-family: arial; font-size: 12px; color: #ccc;}
.travelControlTrip .module-title .long-line{width: 100%; height: 1px; background: #f1f1f1; margin: 35px 0; transform: rotateX(60deg) /*解决pdf打印线条过粗*/;}
.travelControlTrip .essential{display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 40px;}
.travelControlTrip .essential-item{width:320px; height:100px; box-sizing: border-box;padding-left: 20px;}
.travelControlTrip .essential-item img{float: left; margin-right:12px; width: 66px; height: 66px; border-radius: 38px;}
.travelControlTrip .essential-item p.pkey{font-size: 14px; color: #000; margin:10px 0 0 0; }
.travelControlTrip .essential-item p.pvalue{font-size: 18px; color: #000; margin-top:5px; }
.travelControlTrip .collection{margin-bottom: 40px;width: 100%;}
.travelControlTrip .collection-item{width:400px; height:110px;border-bottom:1px solid #ddd; margin-left:60px; box-sizing: border-box; color: #666;}
.travelControlTrip .collection-item>div{width:130px; float: left;padding-top: 25px;}
.travelControlTrip .collection-item img{vertical-align: sub; margin-right:12px;}
.travelControlTrip .collection-item span{font-size: 18px; color: #000;width:270px;display: inline-block;float: left;padding-top: 25px;}
.travelControlTrip .flight-table{width:960px; color: #666; margin-bottom: 90px; background: #fff;}
.travelControlTrip .flight-table td.thClass {height: 50px; background: #e2e2e2; font-size: 16px; font-weight: normal; padding: 0!important;}
.travelControlTrip .flight-table tr td{background: #f7f7f7; text-align: center; font-size: 14px; padding: 15px 10px; }
.travelControlTrip .Passenger-table{width:960px; margin: 0 20px; color: #666; background: #fff;}
.travelControlTrip .Passenger-table td.thClass {height: 50px; background: #e2e2e2; font-size: 16px; font-weight: normal; padding: 0!important;}
.travelControlTrip .Passenger-table td.thClass img{margin-right:5px; margin-top: 2px;}
.travelControlTrip .Passenger-table tr td{background: #f7f7f7; text-align: center; font-size: 14px; padding: 15px 10px; }
.travelControlTrip .tourCont-item{overflow: hidden; margin-bottom: 80px;}
.travelControlTrip .tourCont-item .tourdate{display: flex; width: 100%; height: 50px; }
.travelControlTrip .tourCont-item .tourdate .tourdateLeft {flex:0 1 100px; }
.travelControlTrip .tourCont-item .tourdate .tourdateLeft>p {height: 25px; line-height: 25px; margin: 0;}
.travelControlTrip .tourCont-item .tourdate .tourdateLeft>p:first-child{font-size: 24px;font-weight: bold; letter-spacing: 2px;}
.travelControlTrip .tourCont-item .tourdate .tourdateRight{flex: auto; background: #e2e2e2; line-height: 50px; text-indent: 20px;}
.travelControlTrip .tourCont-item .tourCont-item-top{overflow: hidden;}
.travelControlTrip .tourCont-item .tourCont-item-bottom{margin-top: 20px;}
.travelControlTrip .tourCont-item .tourCont-item-bottom>div{height: 40px; line-height: 40px;}
.travelControlTrip .tourCont-item .tourCont-item-bottom img{vertical-align: middle}
.travelControlTrip .fbold{font-weight: bold;}
.confirmationOrderDownLoad input[type="checkbox"] + label::before {
content: "\A0";
display: inline-block;
width: .8em;
height: .8em;
margin-top: .2em;
margin-right: .8em;
border-radius: .2em;
background-color: white;
text-indent: .15em;
line-height: .8;
color: white;
border: 1px solid #e95252;
}
.confirmationOrderDownLoad input[type="checkbox"]:checked + label::before {
content: "\2713";
background-color: #e95252;
}
.confirmationOrderDownLoad input[type="checkbox"]{
position: absolute;
clip: rect(0, 0, 0, 0);
}
.confirmationOrderDownLoad input[type="checkbox"]:focus + label::before {
box-shadow: none;
}
.confirmationOrderDownLoad input[type="checkbox"]:disabled + label::before {
background-color: gray;
box-shadow: none;
color: #555;
}
#pdf_2 *{
page-break-inside:unset;
}
#pdf_2 .zidingyi img{
max-height: 100%;
width: 100%;
}
#pdf_2 .zidingyi p{
margin: 0;
padding: 0;
}
#pdf_4 *,#pdf_5 *,#pdf_6 *{
page-break-inside: auto;
}
.trip-box *{
page-break-inside:avoid !important;
}
#pdf_2 .module-title,#pdf_3_header .module-title{
padding: 0px;
}
.zidingyi-box *{
max-width: 99%;
}
#pdf_2 .zidingyi .u-box{
height: 1400px;
page-break-inside:avoid;
}
#pdf_2 .travle_page{
/*zoom: 0.85;*/
/*margin: 0 auto;*/
}
/* #pdf_2 .feature-box{
min-height: 1400px;
background: red;
page-break-inside:avoid;
} */
@media print
{
#pdf_2 * {page-break-inside:avoid;}
}
.confirmOrder{
width:950px;
}
......@@ -939,7 +1652,7 @@
<div class="zidingyi" v-if="showType==3&&loadNone==false&&TripLayer.vshowC">
<div v-html="feature.featureContent"></div>
</div>
<div class="template-box" v-if="(showType==4||showType==5)&&loadNone==false&&TripLayer.vshowC">
<div class="template-box" v-if="(showType>3)&&loadNone==false&&TripLayer.vshowC">
<div v-if="TripLayer.vshowC" class="module-title">
<h2>行程特色</h2>
<div class="short-line"></div>
......
src/components/mall/detailTwo.vue
View file @ 7cf15637
......@@ -333,13 +333,13 @@
</el-carousel> -->
<swiper :imgs='feature.featureImgList'></swiper>
</div>
<div class="zidingyi" v-if="(showType==3 || showType==5)&&loadNone==false">
<div class="zidingyi" v-if="(showType==3 || showType<4)&&loadNone==false">
<center v-html="feature.featureContent"></center>
</div>
<div class="template-box" v-if="showType==4&&loadNone==false">
<div v-html="feature.featureHtml" style="width:1000px;margin:0 auto;"></div>
</div>
<div class="template-box template_box_two" v-if="showType==5&&loadNone==false">
<div class="template-box template_box_two" v-if="showType>4&&loadNone==false">
<div v-html="feature.featureHtml" style="width:1000px;margin:0 auto;"></div>
</div>
<div id="teamacitvy"> </div>
......
src/components/mall/heeltour.vue
View file @ 7cf15637
......@@ -46,7 +46,7 @@
<el-row :gutter="17">
<el-col :span="4" v-for='(item,index) in tehuis' :key="index" v-if='index<6'>
<div class="team-item" :style="{'height':`${itemHeight}`}" @click="goUrl('detail',item.id,item)">
<img class="notamin" v-if='item.imgCover!=null&&item.imgCover.length' :src="`${JSON.parse(item.imgCover)[0].Url}?x-oss-process=image/resize,m_fill,h_${h},w_${w}`" />
<img class="notamin" v-if='item.imgCover!=null&&item.imgCover.length' :src="`${JSON.parse(item.imgCover)[0].Url}`" />
<img class="notamin" src="../../assets/img/bg_c2@3x.png" v-else />
<div class="info-box">
<div class="item-title">{{item.ltName}}</div>
......@@ -61,7 +61,7 @@
<el-row :gutter="17">
<el-col :span="4" v-for='(item,index) in tehuis' :key="index" v-if='index>5'>
<div class="team-item" :style="{'height':`${itemHeight}`}" @click="goUrl('detail',item.id)">
<img v-if="item.imgCover!=null&&item.imgCover.length" :src="`${JSON.parse(item.imgCover)[0].Url}?x-oss-process=image/resize,m_fill,h_${h},w_${w}`" />
<img v-if="item.imgCover!=null&&item.imgCover.length" :src="`${JSON.parse(item.imgCover)[0].Url}`" />
<div class="info-box">
<div class="item-title">{{item.ltName}}</div>
<div>
......@@ -81,7 +81,7 @@
<el-row :gutter="17">
<el-col :span="4" v-for="(item,index) in tiaoshui" :key="index">
<div class="team-item noradius" :style="{'height':`${itemHeight}`}" @click="goUrl('detail',item.id)">
<img class="notamin" v-if='item.imgCover!=null&&item.imgCover.length' :src="`${JSON.parse(item.imgCover)[0].Url}?x-oss-process=image/resize,m_fill,h_${h},w_${w}`" />
<img class="notamin" v-if='item.imgCover!=null&&item.imgCover.length' :src="`${JSON.parse(item.imgCover)[0].Url}`" />
<img class="notamin" src="../../assets/img/bg_c2@3x.png" v-else />
<!-- <div class="seat" :style="{'left':`${(w-100)/2}px`,'top':`${(h-100)/2}px`}">
仅于<span class="cnt">3</span>席
......@@ -142,7 +142,7 @@
<el-col :span="6" v-for='(data,index) in item.pageData' :key="index" >
<div class="group-item" :style="{'height':`${groupHeight}px`}" @click="goUrl('detail',data.id)">
<div class="team-item noradius" :style="{'height':`${groupItemHeight}`}">
<img class="notamin" v-if='data.imgCover!=null&&data.imgCover.length' :src="`${JSON.parse(data.imgCover)[0].Url}?x-oss-process=image/resize,m_fill,h_${h},w_${w}`"/>
<img class="notamin" v-if='data.imgCover!=null&&data.imgCover.length' :src="`${JSON.parse(data.imgCover)[0].Url}`"/>
<img class="notamin" src="../../assets/img/bg_c2@3x.png" v-else />
<!-- <div class="seat" :style="{'left':`${(w-100)/2}px`,'top':`${(h-100)/2}px`}">
仅于<span class="cnt">3</span>席
......
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