차량 선택 추가

This commit is contained in:
2025-08-28 00:33:47 +09:00
parent 06e6efc41d
commit e6322c2d16
6 changed files with 320 additions and 86 deletions

View File

@@ -83,38 +83,17 @@
</button> -->
</div>
<!-- 모바일 전용 차량 선택 UI입니다. -->
<!-- 2025.08.27 추가 -->
<div class="mobileCarlist">
<a href="javascript:void(0)" class="mobilecarItem">
<div class="mobilecarItem">
<div class="item">
<!-- <span>MV</span>
<span>161어 1660</span> -->
쏘렌토(MQ4) 하이브리드-플러그인 상품성개선
<strong>쏘렌토(MQ4) 하이브리드-플러그인 상품성개선</strong>
<span>KMTKEXXBPMU000081</span>
<button class="btn-select" onclick="open_layer_popup('carListPopup')">차량 선택하기 ></button>
</div>
<div class="arrow"></div>
</a>
<div class="carlistItem">
<ul>
<li>
<a href="javascript:void(0)">
<span>MV</span>
<span>KMTKEXXBPMU000081</span>
</a>
</li>
<li>
<a href="javascript:void(0)">
<span>SX</span>
<span>161어 1660</span>
</a>
</li>
<li>
<a href="javascript:void(0)">
<span>MV</span>
<span>452허 1234</span>
</a>
</li>
</ul>
</div>
</div>
<!--// 2025.08.27 추가 -->
<!-- PC 모바일 공통 메뉴 영역입니다. -->
<ul class="menu">
<li class="menuDepth1Wrap">
@@ -179,10 +158,9 @@
</div>
<div class="func">
<!-- PC 전용 차량 선택 UI입니다. -->
<!-- 2025.08.27 추가 -->
<div class="carlist">
<a href="javascript:void(0)" class="carItem">
<!-- <span>MV</span>
<span>161어 1660</span> -->
<span>쏘렌토(MQ4) 하이브리드-플러그인 상품성개선</span>
</a>
<div class="carlistItem">
@@ -344,11 +322,12 @@
</ul>
</div>
</div>
<!--// 2025.08.27 추가 -->
<!-- PC 전용 로그인 버튼입니다. -->
<div class="userLogin">
<!-- <div class="userLogin">
<a href="#">로그인/가입</a>
</div>
</div> -->
<!-- PC 전용 USER 관련 링크 영역입니다. -->
<div class="user">
@@ -707,6 +686,71 @@
</div>
</div>
</div>
<!-- 2025.08.27 추가 -->
<div id="carListPopup" class="popupWarp" style="display: none">
<div class="popContents">
<h2>차량 선택하기 (5)</h2>
<div class="payInfoCon">
<div class="carlistItem">
<ul>
<li class="selected">
<button>
<strong>쏘렌토(MQ4) 하이브리드-플러그인 상품성개선플러그인 상품성개선</strong>
<em>111JH4TB2H26CC012345</em>
</button>
</li>
<li>
<button>
<strong>쏘렌토(MQ4) 하이브리드-플러그인 상품성개선플러그인 상품성개선</strong>
<em>111JH4TB2H26CC012345</em>
</button>
</li>
<li>
<button>
<strong>쏘렌토(MQ4) 하이브리드-플러그인 상품성개선플러그인 상품성개선</strong>
<em>111JH4TB2H26CC012345</em>
</button>
</li>
<li>
<button>
<strong>쏘렌토(MQ4) 하이브리드-플러그인 상품성개선플러그인 상품성개선</strong>
<em>111JH4TB2H26CC012345</em>
</button>
</li>
<li>
<button>
<strong>쏘렌토(MQ4) 하이브리드-플러그인 상품성개선플러그인 상품성개선</strong>
<em>111JH4TB2H26CC012345</em>
</button>
</li>
<li>
<button>
<strong>쏘렌토(MQ4) 하이브리드-플러그인 상품성개선플러그인 상품성개선</strong>
<em>111JH4TB2H26CC012345</em>
</button>
</li>
<li>
<button>
<strong>쏘렌토(MQ4) 하이브리드-플러그인 상품성개선플러그인 상품성개선</strong>
<em>111JH4TB2H26CC012345</em>
</button>
</li>
<li>
<button>
<strong>쏘렌토(MQ4) 하이브리드-플러그인 상품성개선플러그인 상품성개선</strong>
<em>111JH4TB2H26CC012345</em>
</button>
</li>
</ul>
</div>
</div>
<div class="towButton">
<button class="cartBtn leftBtn" onclick="close_layer_popup('carListPopup')"><p>취소</p></button>
<button class="PurchaseBtn rightBtn"><p>선택</p></button>
</div>
</div>
</div>
<!--// 2025.08.27 추가 -->
<!--//footer-->
</body>
</html>