pav
/
pav-home
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

.

master
김지은 10 months ago
parent
b7e3e7a322
commit
ecd66d0b8e
3 changed files with 88 additions and 13 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 26
      src/assets/css/custom.css
  2. 3
      src/views/control/setting/ControlReservation.js
  3. 72
      src/views/control/setting/steps/ReserveStep1.js

26
src/assets/css/custom.css
Unescape View File

@ -848,7 +848,7 @@ background-size: 75% auto;
.modal-video{display:flex;align-items: center;justify-content: center;}
.modal-video>.modal-content{height:90vh;}
.uam-reservation{min-width:1200px;}
.uam-reservation{min-width:1200px;position: relative;}
.uam-reservation .nav-link{transition:0.3s ease;-webkit-transition:0.3s ease;}
.uam-reservation .nav-link{border:0px;background-color:#242b3d}
.uam-reservation .nav-link.active span{font-weight:500}
@ -912,7 +912,7 @@ background-size: 75% auto;
.reservation-date{margin-left:1.5rem;margin-right:1.5rem}
.reservation-date .box{display:flex!important;flex-direction: column;align-items:center;justify-content:center;background:#404656;border:2px solid #404656;border-radius: 0.1rem;padding:0.5rem;cursor:pointer;min-height:80px}
.reservation-date .box.active{border-color: #7367f0;}
.reservation-date .box.active{border-color: #7367f0;background:#7367f0;}
.reservation-date .box.active span{color:#fff;}
.reservation-date .box .date{display:block;font-size:0.875rem}
.reservation-date .box .state{font-size:1.25rem;font-weight:400;}
@ -927,7 +927,7 @@ background-size: 75% auto;
.reservation-table table thead tr th{padding:0.8rem 0.4rem;font-weight:500;;}
.reservation-table table tbody tr td{padding:0.8rem 0;}
.reservation-table table tbody tr td:nth-child(4) .amount{border-left:0;border-right:0}
.reservation-table table tbody tr td .amount{border:1px solid #404656;width:100%;height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0px auto;line-height:1.2;}
.reservation-table table tbody tr td .amount{border:1px solid #404656;width:100%;height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0px auto;line-height:1.2;cursor: pointer;}
.reservation-table table tbody tr td .rate{font-size:0.875rem;font-weight:400;margin-left:4px}
.reservation-table .state{font-size:1.125rem;font-weight:400}
.reservation-table .flight span{display:block;}
@ -939,7 +939,7 @@ background-size: 75% auto;
.reservation-table .alltime .line{display:inline-block;width:55%;height:1px;background:#b4b7bd;position: relative;}
.reservation-table .alltime .line::before{content:'';display:block;width:7px;height:7px;border-radius:100%;background:#b4b7bd;position:absolute;left:0;top:-3px;}
.reservation-table .alltime .line::after{content:'';display:block;width:7px;height:7px;border-radius:100%;background:#b4b7bd;position:absolute;right:0;top:-3px;}
.reservation-table .amount.active{background:#7367f0;color:#fff}
.uam-reservation-quick{min-width:1200px}
.uam-reservation-quick .modal-title{width:100%}
@ -948,3 +948,21 @@ background-size: 75% auto;
.uam-reservation-btn{display:flex;justify-content:space-between;margin-top:1rem}
.uam-reservation-btn button{min-width:120px}
.fare-wrap{display:flex;}
.fare-wrap .fare{flex:1;background:#343d55;border:1px solid #343d55;border-radius:0.357rem;text-align: left;padding:2rem 1.5rem;}
.fare-wrap .fare *{color:rgba(255, 255, 255, 0.1)}
.fare-wrap .fare + .fare{margin-left:1rem}
.fare-wrap .fare.active{border-color:#7367f0}
.fare-wrap .fare.active *{color:rgba(255, 255, 255, 0.8)}
.fare-wrap .fare ul li h6{font-weight:500;font-size:1.125rem}
.fare-wrap .fare ul li .ti{display:block;}
.fare-wrap .fare ul li span{font-size:0.875rem}
.fare-wrap .list-txt > li:first-child{padding-left:0;}
.fare-wrap .list-txt > li:first-child::before{display:none;}
.fare-wrap .list-txt > li {position: relative;padding-left:14px;font-size:0.875rem;word-break: keep-all;}
.fare-wrap .list-txt > li + li{margin-top:1rem}
.fare-wrap .list-txt > li:before {content:'';display: inline-block;width:4px;height:4px;background:rgba(255, 255, 255, 0.1);border-radius:50%;position: absolute;top: 7px;left:4px;}
.fare-wrap .fare.active .list-txt > li:before{background:rgba(255, 255, 255, 0.8)}
.text1{position:fixed;bottom:0;width:calc(100% - 260px);left:260px}
.test{background:red;position:absolute;width:100%;bottom:0;}

3
src/views/control/setting/ControlReservation.js
Unescape View File

@ -231,6 +231,9 @@ export default function ControlReservation({ modal, handler }) {
</>
)}
</div>
<div className='text1'>
<div className='test'>예약확인푸터</div>
</div>
</div>
</CustomMainLayout>
);

72
src/views/control/setting/steps/ReserveStep1.js
Unescape View File

@ -256,7 +256,7 @@ export default function ReserveStep1() {
</div>
</td>
<td>
<div className='amount'>
<div className='amount active'>
<span className='state'>
76.000<span className='rate'>KRW</span>
</span>
@ -273,8 +273,66 @@ export default function ReserveStep1() {
</td>
</tr>
<tr>
<td colspan='5' className='test'>
ddd
<td colspan='5'>
<div className='fare-wrap'>
<div className='fare'>
<ul className='list-txt'>
<li>
<h6>특가운임 운임조건</h6>
</li>
<li>
<span className='ti'>취소 수수료</span>
<span>
구매일 ~ 91일전까지 : 전액환불
<br />
출발 이후 : 5,000원
</span>
</li>
<li>
<span>예약부도 위약금</span>
<span>출발 이후 : 12,000원</span>
</li>
</ul>
</div>
<div className='fare active'>
<ul className='list-txt'>
<li>
<h6>할인운임 운임조건</h6>
</li>
<li>
<span className='ti'>취소 수수료</span>
<span>
구매일 ~ 91일전까지 : 전액환불
<br />
출발 이후 : 5,000원
</span>
</li>
<li>
<span>예약부도 위약금</span>
<span>출발 이후 : 12,000원</span>
</li>
</ul>
</div>
<div className='fare'>
<ul className='list-txt'>
<li>
<h6>정규운임 운임조건</h6>
</li>
<li>
<span className='ti'>취소 수수료</span>
<span>
구매일 ~ 91일전까지 : 전액환불
<br />
출발 이후 : 5,000원
</span>
</li>
<li>
<span>예약부도 위약금</span>
<span>출발 이후 : 12,000원</span>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
@ -318,9 +376,7 @@ export default function ReserveStep1() {
</td>
</tr>
<tr>
<td colspan='5' className='test'>
ddd
</td>
<td colspan='5'></td>
</tr>
<tr>
<td>
@ -363,9 +419,7 @@ export default function ReserveStep1() {
</td>
</tr>
<tr>
<td colspan='5' className='test'>
ddd
</td>
<td colspan='5'></td>
</tr>
</tbody>
</table>

Write Preview
Loading…
Cancel
Save