Skip to content

S
SuperMan
Commit e0a554a6 authored by youjie's avatar youjie
Browse files
Options

竖版尺寸比例调整

parent 11547238
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 173 additions and 138 deletions
src/assets/css/tripIndexNew2.css
View file @ e0a554a6
...@@ -137,6 +137,10 @@ html, body{ ...@@ -137,6 +137,10 @@ html, body{
margin-top: 20px; margin-top: 20px;
} }
.marginT21 {
margin-top: 21px;
}
.marginT10 { .marginT10 {
margin-top: 10px; margin-top: 10px;
} }
...@@ -166,7 +170,7 @@ html, body{ ...@@ -166,7 +170,7 @@ html, body{
} }
.UpgradedVersion2Line span{ .UpgradedVersion2Line span{
background: #fff; background: #fff;
font-size: 20px; font-size: 23px;
padding: 5px 20px; padding: 5px 20px;
border: 2px dashed red; border: 2px dashed red;
border-radius: 15px; border-radius: 15px;
...@@ -278,14 +282,14 @@ html, body{ ...@@ -278,14 +282,14 @@ html, body{
/* margin-top: 47px; */ /* margin-top: 47px; */
} }
.travelDaysTitlle-left { .travelDaysTitlle-left {
width: 173px; width: 190px;
flex-shrink: 0; flex-shrink: 0;
margin-left: 22px; margin-left: 35px;
} }
.travelDaysTitlle-left-text { .travelDaysTitlle-left-text {
width: 173px; width: 190px;
height: 173px; height: 190px;
/* background: url('https://imgfile.oytour.com/Static/NewTripFeature/Shape.png')no-repeat center #FFF; */ /* background: url('https://imgfile.oytour.com/Static/NewTripFeature/Shape.png')no-repeat center #FFF; */
background: url('../img/trip/xclogo.png')no-repeat center; background: url('../img/trip/xclogo.png')no-repeat center;
background-size: auto 100%; background-size: auto 100%;
...@@ -295,7 +299,7 @@ html, body{ ...@@ -295,7 +299,7 @@ html, body{
-moz-border-radius: 50%; -moz-border-radius: 50%;
-ms-border-radius: 50%; -ms-border-radius: 50%;
-o-border-radius: 50%; -o-border-radius: 50%;
top:-92px top:-102px
} }
.travelDaysTitlle-left-text span { .travelDaysTitlle-left-text span {
...@@ -303,18 +307,18 @@ html, body{ ...@@ -303,18 +307,18 @@ html, body{
} }
.travelDaysTitlle-left-textOne { .travelDaysTitlle-left-textOne {
font-size: 79px; font-size: 88px;
font-weight: 400; font-weight: 400;
color: #2A2A2A; color: #2A2A2A;
line-height: 55px; line-height: 60px;
margin-top: 15px; margin-top: 15px;
} }
.travelDaysTitlle-left-textTwo { .travelDaysTitlle-left-textTwo {
font-size: 47px; font-size: 52px;
font-weight: 800; font-weight: 800;
color: #2A2A2A; color: #2A2A2A;
line-height: 55px; line-height: 60px;
margin-top: 10px; margin-top: 10px;
} }
...@@ -324,13 +328,13 @@ html, body{ ...@@ -324,13 +328,13 @@ html, body{
.travelDaysTitlle-right { .travelDaysTitlle-right {
flex-grow: 1; flex-grow: 1;
margin-left: 21px; margin-left: 50px;
font-weight: bold; font-weight: bold;
} }
.travelDaysTitlle-right-text { .travelDaysTitlle-right-text {
min-height: 124px; min-height: 124px;
/* padding: 25px 25px 25px 36px; */ /* padding: 25px 25px 25px 36px; */
padding: 0 25px 0 36px; padding: 0 50px 0 0;
border-radius: 100px 0px 0px 100px; border-radius: 100px 0px 0px 100px;
-webkit-border-radius: 100px 0px 0px 100px; -webkit-border-radius: 100px 0px 0px 100px;
-moz-border-radius: 100px 0px 0px 100px; -moz-border-radius: 100px 0px 0px 100px;
...@@ -342,7 +346,7 @@ html, body{ ...@@ -342,7 +346,7 @@ html, body{
.travelDaysMasterMap { .travelDaysMasterMap {
margin-top: 45px; margin-top: 45px;
/* margin-bottom: 41px; */ /* margin-bottom: 41px; */
height: 632px; height: 643px;
/* flex:1; */ /* flex:1; */
overflow: hidden; overflow: hidden;
} }
...@@ -403,26 +407,23 @@ html, body{ ...@@ -403,26 +407,23 @@ html, body{
} }
.travelDaysContent { .travelDaysContent {
/* min-height: 360px; padding: 0 35px;
max-height:600px; */ margin-bottom: 39px;
line-height: 25px;
padding: 0 36px;
margin-bottom: 20px;
font-weight: 500; font-weight: 500;
/* margin: 41px 0 47px 0; */
} }
.travelDaysContent-text { .travelDaysContent-text {
font-size: 18px; font-size: 29px;
font-weight: 500; font-weight: 500;
color: #444444; color: #444444;
font-family: 'Microsoft JhengHei UI'; font-family: 'Microsoft JhengHei UI';
} }
.textBold { .textBold {
font-size: 21px; font-size: 29px;
line-height: 25px; line-height: 54px;
font-weight: 800; font-weight: 800;
color: #2A2A2A;
font-family: 'Microsoft JhengHei UI Ligh'; font-family: 'Microsoft JhengHei UI Ligh';
} }
...@@ -434,41 +435,40 @@ html, body{ ...@@ -434,41 +435,40 @@ html, body{
/* padding: 0 0 115px 0; */ /* padding: 0 0 115px 0; */
} }
.travelDaysdetails-tsTextBox{ .travelDaysdetails-tsTextBox{
padding: 0 36px 20px 36px; padding: 0 35px 27px 35px;
} }
.travelDaysdetails-tsText{ .travelDaysdetails-tsText{
width: 100%; width: 100%;
padding: 15px; padding: 38px 47px 28px 47px;
border-radius: 18px; border-radius: 20px;
-webkit-border-radius: 18px; -webkit-border-radius: 20px;
-moz-border-radius: 18px; -moz-border-radius: 20px;
-ms-border-radius: 18px; -ms-border-radius: 20px;
-o-border-radius: 18px; -o-border-radius: 20px;
line-height: 30px; line-height: 30px;
} }
.travelDaysdetails-tsText p{ .travelDaysdetails-tsText p{
padding: 0; padding: 0;
margin: 0; margin: 0;
line-height: 22px; line-height: 42px;
} }
.travelDaysdetailsBJ { .travelDaysdetailsBJ {
border-radius: 100px; border-radius: 20px;
padding: 20px 35px; padding: 22px 42px;
-webkit-border-radius: 18px; -webkit-border-radius: 20px;
-moz-border-radius: 18px; -moz-border-radius: 20px;
-ms-border-radius: 18px; -ms-border-radius: 20px;
-o-border-radius: 18px; -o-border-radius: 20px;
} }
.travelDaysdetails-textBox{ .travelDaysdetails-textBox{
flex-wrap: wrap; flex-wrap: wrap;
padding: 0 5px; align-items: center;
} }
.travelDaysdetails-text0 { .travelDaysdetails-text0 {
font-size: 21px; font-size: 23px;
font-family: 'Microsoft JhengHei UI Ligh'; font-family: 'Microsoft JhengHei UI Ligh';
font-weight: 800; font-weight: 800;
color: #2A2A2A; color: #2A2A2A;
line-height: 34px;
flex-shrink: 0; flex-shrink: 0;
} }
.travelDaysdetails-text div span{ .travelDaysdetails-text div span{
...@@ -479,7 +479,7 @@ html, body{ ...@@ -479,7 +479,7 @@ html, body{
.travelDaysdetails-tsText{ .travelDaysdetails-tsText{
display: inline-block; display: inline-block;
white-space: wrap; white-space: wrap;
font-size: 14px; font-size: 21px;
font-family: 'Microsoft JhengHei UI'; font-family: 'Microsoft JhengHei UI';
line-height: 22px; line-height: 22px;
} }
...@@ -493,24 +493,25 @@ html, body{ ...@@ -493,24 +493,25 @@ html, body{
padding: 0; padding: 0;
margin: 0; margin: 0;
margin-right: 10px; margin-right: 10px;
line-height: 38px;
font-family: 'Microsoft JhengHei UI'; font-family: 'Microsoft JhengHei UI';
} }
.travelDaysdetails-textC{ .travelDaysdetails-textC{
font-size: 21px; font-size: 23px;
font-weight: 800; font-weight: 800;
line-height: 34px; line-height: 38px;
font-family: 'Microsoft JhengHei UI Ligh'; font-family: 'Microsoft JhengHei UI Ligh';
} }
.travelDaysdetails-text.right0{ .travelDaysdetails-text.right0{
margin-right: 0; margin-right: 0;
} }
.travelDaysdetails-text0-r{ .travelDaysdetails-text0-r{
margin-top: 5px; margin-top: -16px;
} }
.travelDaysdetails-text0-r>p:first-child, .travelDaysdetails-text0-r>p:first-child,
.travelDaysdetails-text0-r>span:first-child, .travelDaysdetails-text0-r>span:first-child,
.travelDaysdetails-text0-r>a:first-child{ .travelDaysdetails-text0-r>a:first-child{
text-indent: 101px; text-indent: 116px;
} }
.travelDaysdetails-text1{ .travelDaysdetails-text1{
/* font-size: 16px !important; */ /* font-size: 16px !important; */
...@@ -705,10 +706,10 @@ html, body{ ...@@ -705,10 +706,10 @@ html, body{
color: #444444; color: #444444;
} }
.fz18{ .fz18{
font-size: 18px; font-size: 23px;
} }
.fz21{ .fz21{
font-size: 21px; font-size: 29px;
} }
.fz26{ .fz26{
font-size: 26px; font-size: 26px;
...@@ -724,16 +725,19 @@ html, body{ ...@@ -724,16 +725,19 @@ html, body{
font-family: 'Microsoft JhengHei UI'; font-family: 'Microsoft JhengHei UI';
} }
.lineHeight25{ .lineHeight25{
line-height: 25px; line-height: 42px;
} }
.lineHeight38{ .lineHeight38{
line-height: 38px; line-height: 38px;
} }
.lineHeight54{
line-height: 54px;
}
.MT15{ .MT15{
margin-top: 15px; margin-top: 21px;
} }
.MT19{ .MT19{
margin-top: 19px; margin-top: 20px;
} }
.MT28{ .MT28{
margin-top: 28px; margin-top: 28px;
...@@ -751,13 +755,13 @@ html, body{ ...@@ -751,13 +755,13 @@ html, body{
margin-left: 37px; margin-left: 37px;
} }
.MB25{ .MB25{
margin-bottom: 25px; margin-bottom: 28px;
} }
.MB31{ .MB31{
margin-bottom: 31px; margin-bottom: 31px;
} }
.MB32{ .MB32{
margin-bottom: 32px; margin-bottom: 45px;
} }
.MB35{ .MB35{
margin-bottom: 35px; margin-bottom: 35px;
...@@ -792,30 +796,30 @@ html, body{ ...@@ -792,30 +796,30 @@ html, body{
-o-border-radius: 18px; -o-border-radius: 18px;
} }
.card-title{ .card-title{
line-height: 20px; line-height: 54px;
} }
.travelDaysMasterMap2-box{ .travelDaysMasterMap2-box{
padding: 45px 32px; padding: 45px 32px;
padding-bottom: 35px; padding-bottom: 40px;
} }
.travelDaysMasterMap2{ .travelDaysMasterMap2{
height: 583px; height: 643px;
} }
.travelDaysMasterMap2_2{ .travelDaysMasterMap2_2{
width: 524px; width: 578px;
height: 250px; height: 316px;
} }
.travelDaysMasterMap3_1{ .travelDaysMasterMap3_1{
width: 517px; width: 571px;
height: 280px; height: 368px;
} }
.travelDaysMasterMap4_1{ .travelDaysMasterMap4_1{
width: 772px; width: 768px;
height: 449px; height: 496px;
} }
.travelDaysMasterMap4_2{ .travelDaysMasterMap4_2{
width: 370px; width: 366px;
height: 214px; height: 236px;
} }
/* .width331{ /* .width331{
width: 331px; width: 331px;
......
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