gil/fod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

스트리밍 프리미엄 수정 완료

Browse Source
This commit is contained in:
hyeonggil
2024-09-24 20:49:28 +09:00
parent f9e89c516b
commit 51e853761d
17 changed files with 4030 additions and 3975 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
assets/css/pdp_detail.css
View File

@@ -3418,7 +3418,7 @@
left: -65px;
width: 5rem;
height: 5rem;
border: 1px solid #D3D3D3;
border: 1px solid #d3d3d3;
border-radius: 50%;
background: rgb(255, 255, 255) url(../images/kia/pdp/display_theme/icon-arrow.png) no-repeat center/15px auto;
}
@@ -3455,10 +3455,6 @@
background-color: #000;
}
.scroll_area {
overflow: hidden;
overflow-x: auto;
}
.scroll_area .web {
display: block;
}
@@ -3469,10 +3465,41 @@
}
.scroll_area .mobile {
display: none;
position: relative;
padding-top: 3rem;
}
.scroll_area .mobile:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 16px;
background: url("../images/kia/pdp/streaming_premium/img_spec_index.png") no-repeat 100% 0/contain;
}
.scroll_area .mobile .header {
overflow: hidden;
flex: none;
width: 125px;
height: 460px;
background: url("../images/kia/pdp/streaming_premium/img_spec_m2.png") no-repeat 0 0/auto 100%;
}
.scroll_area .mobile .cont {
overflow: hidden;
overflow-x: auto;
height: 460px;
}
.scroll_area .mobile .cont:after {
content: "";
display: block;
width: 306px;
height: 100%;
background: url("../images/kia/pdp/streaming_premium/img_spec_m2.png") no-repeat -126px 0/auto 100%;
}
@media (max-width: 768px) {
.scroll_area .mobile {
display: block;
display: flex;
}
}
@media (max-width: 768px) {

2
assets/css/pdp_detail.css.map
View File

File diff suppressed because one or more lines are too long

87
assets/css/pdp_detail.scss
View File

@@ -1561,7 +1561,7 @@
}
}
.btn-select.on+.list-member {
.btn-select.on + .list-member {
display: block;
}
@@ -1832,7 +1832,7 @@
font-size: 1.8rem;
}
>p {
> p {
position: relative;
width: 93%;
@@ -1908,7 +1908,7 @@
}
}
dt.active+dd {
dt.active + dd {
display: block;
}
@@ -2040,7 +2040,7 @@
}
}
button+button {
button + button {
margin-top: 1rem;
@include tablet {
@@ -2052,7 +2052,7 @@
}
}
>.dd-padding {
> .dd-padding {
padding-left: 6.5rem;
}
}
@@ -2073,9 +2073,10 @@
content: none;
}
&:hover {}
&:hover {
}
>p {
> p {
span {
color: #9ea1a2;
}
@@ -2083,7 +2084,7 @@
}
}
dl+dl {
dl + dl {
margin-top: 1rem;
}
}
@@ -2303,7 +2304,6 @@
}
@include maxtablet {
&:before,
&:after {
display: none;
@@ -2372,7 +2372,6 @@
// height: 10rem;
.comp_body {
.text_area {
// display: flex;
h3 {
font-size: 3rem;
@@ -2383,7 +2382,7 @@
font-size: 1.6rem;
}
>* {
> * {
flex: 1;
}
}
@@ -2459,7 +2458,7 @@
}
}
&+.item {
& + .item {
margin-top: 8rem;
@include maxtablet {
@@ -2473,7 +2472,7 @@
}
}
&+.comp_1x_b_v_s_b {
& + .comp_1x_b_v_s_b {
position: relative;
z-index: 2;
margin-top: 0;
@@ -2499,7 +2498,7 @@
margin-top: 8rem;
.comp_body {
&+.comp_body {
& + .comp_body {
margin-top: 10rem;
}
@@ -2516,7 +2515,7 @@
.displayThemeDtl {
.swiper-navigation {
>* {
> * {
top: 210px;
left: -65px;
width: 5rem;
@@ -2751,7 +2750,6 @@
}
@include maxtablet {
&:before,
&:after {
display: none;
@@ -2822,13 +2820,12 @@
.comp_body {
.text_area {
// display: flex;
h3 {
margin-bottom: 2rem;
}
>* {
> * {
flex: 1;
}
}
@@ -2897,7 +2894,7 @@
}
}
&+.item {
& + .item {
margin-top: 8rem;
@include maxtablet {
@@ -2911,7 +2908,7 @@
}
}
&+.comp_1x_b_v_s_b {
& + .comp_1x_b_v_s_b {
position: relative;
z-index: 2;
margin-top: 2rem;
@@ -3184,7 +3181,7 @@
}
}
.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn.type2 input[type="checkbox"]+label {
.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn.type2 input[type="checkbox"] + label {
height: auto;
padding: 2rem 2rem 2rem 0;
@@ -3329,13 +3326,12 @@
// }
.comp_body {
.text_area {
// display: flex;
h3 {
margin-bottom: 2rem;
}
>* {
> * {
flex: 1;
}
}
@@ -3365,7 +3361,7 @@
.comp_wide {
&.title-only {
&+.comp_wide {
& + .comp_wide {
margin-top: 4rem;
}
}
@@ -3613,7 +3609,6 @@
}
&.paused {
.btn-play,
.btn-sound {
display: block !important;
@@ -3745,7 +3740,6 @@
}
&.playing {
.comp_body.layer_up,
.thumb-swiper,
.pdpInCarGameSwiper,
@@ -3886,12 +3880,12 @@
.pdpDtl {
.swiper-navigation {
>* {
> * {
top: 210px;
left: -65px;
width: 5rem;
height: 5rem;
border: 1px solid #D3D3D3;
border: 1px solid #d3d3d3;
border-radius: 50%;
background: rgba(255, 255, 255) url(../images/kia/pdp/display_theme/icon-arrow.png) no-repeat center / 15px auto;
@@ -3939,8 +3933,8 @@
}
.scroll_area {
overflow: hidden;
overflow-x: auto;
@include maxtablet {
}
.web {
display: block;
@@ -3952,9 +3946,40 @@
.mobile {
display: none;
position: relative;
padding-top: 3rem;
&:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 16px;
background: url("../images/kia/pdp/streaming_premium/img_spec_index.png") no-repeat 100% 0 / contain;
}
.header {
overflow: hidden;
flex: none;
width: 125px;
height: 460px;
background: url("../images/kia/pdp/streaming_premium/img_spec_m2.png") no-repeat 0 0 / auto 100%;
}
.cont {
overflow: hidden;
overflow-x: auto;
height: 460px;
&:after {
content: "";
display: block;
width: 306px;
height: 100%;
background: url("../images/kia/pdp/streaming_premium/img_spec_m2.png") no-repeat -126px 0 / auto 100%;
}
}
@include maxtablet {
display: block;
display: flex;
}
}

BIN
assets/images/kia/pdp/streaming_premium/img_spec_index.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

BIN
assets/images/kia/pdp/streaming_premium/img_spec_m2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 78 KiB

BIN
assets/images/kia/pdp/streaming_premium/streaming_premium_img1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 315 KiB

BIN
assets/images/kia/pdp/streaming_premium/streaming_premium_img1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 415 KiB

BIN
assets/images/kia/pdp/streaming_premium/streaming_premium_img2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 355 KiB

BIN
assets/images/kia/pdp/streaming_premium/streaming_premium_img2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 614 KiB

BIN
assets/images/kia/pdp/streaming_premium/streaming_premium_img2_1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 614 KiB

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
assets/images/kia/pdp/streaming_premium/streaming_premium_img3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 259 KiB

BIN
assets/images/kia/pdp/streaming_premium/streaming_premium_img3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 498 KiB

BIN
assets/images/kia/pdp/streaming_premium/streaming_premium_img3_1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 498 KiB

After

Width:  |  Height:  |  Size: 499 KiB

BIN
assets/images/kia/pdp/streaming_premium/theme1_screen.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 669 KiB

BIN
assets/images/kia/pdp/streaming_premium/usage_service.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 83 KiB

After

Width:  |  Height:  |  Size: 82 KiB

BIN
assets/images/kia/pdp/streaming_premium/usage_service_m.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 157 KiB

After

Width:  |  Height:  |  Size: 154 KiB

7
product/pdp_streaming_premium.html
View File

@@ -40,7 +40,7 @@
<link rel="shortcut icon" href="../assets/images/kia/favicon-16x16.png" />
<link rel="icon" href="../assets/images/kia/favicon-16x16.png" />
<link rel="stylesheet" href="../assets/css/kia/kia-font.css?v1" type="text/css" />
<link rel="stylesheet" href="https://connectstore.kia.com/kr/assets/css/kia/kia.css?v1" type="text/css" />
<link rel="stylesheet" href="../assets/css/kia/kia.css?v1" type="text/css" />
</head>
<body>
<!--//header-->
@@ -368,7 +368,10 @@
<div class="item aos-init aos-animate spec-area" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-offset="9999" data-aos-duration="200">
<div class="scroll_area">
<img src="../assets/images/kia/pdp/streaming_premium/img_spec.png" class="themeImg web" alt="이용 사양" />
<img src="../assets/images/kia/pdp/streaming_premium/img_spec_m.png" class="themeImg mobile" alt="이용 사양" />
<div class="mobile">
<span class="header"></span>
<span class="cont"></span>
</div>
</div>
</div>