Skip to content

T
TDS_Myshop_Detail
Commit d92e0272 authored by 김은해_이모션's avatar 김은해_이모션
Browse files
Options

[김은해] 특장점 인포그래픽 수정 - 220216

parent dd8fd7c0
Show whitespace changes
Inline Side-by-side
Showing with 201 additions and 129 deletions
src/assets/css/seller_common.css
View file @ d92e0272
......@@ -687,6 +687,7 @@
width:100%;
bottom:20px;
font-size:1.3rem;
left:0;
}
.seller-tab-area .fp-item-txt.processor-txt {
......@@ -749,12 +750,55 @@
letter-spacing: -0.46px;
}
/* 추가 22.02.16 */
.seller-tab-area .row-box {
display:flex;
align-items: center;
justify-content:center;
}
.seller-tab-area .fp-item-desc.flip-display-desc {
padding-right:30px;
padding-left:30px;
}
.seller-tab-area .row-box.flip-display {
max-width:280px;
margin:0 auto;
}
.seller-tab-area .row-box.flip-display .fp-item-txt.side-txt {
margin-left:auto;
width:60%;
text-align: center;
word-break: keep-all;
}
.seller-tab-area .row-box.flip-display .fp-item-img.side-img {
width:40%;
}
.seller-tab-area .fp-item-desc.fold-display-desc {
padding-right:30px;
padding-left:30px;
}
.seller-tab-area .row-box.fold-display {
max-width:280px;
margin:0 auto;
}
.seller-tab-area .row-box.fold-display .fp-item-txt.side-txt {
margin-left:auto;
width:60%;
text-align: center;
word-break: keep-all;
}
.seller-tab-area .row-box.fold-display .fp-item-img.side-img {
width:40%;
}
/* /추가 22.02.16 */
.seller-tab-area .noti {
font-size:0.9rem;
......@@ -1014,7 +1058,7 @@
}
.seller-tab-area .w66 {
width:63px;
width:66px;
}
.seller-tab-area .w63 {
......@@ -1590,3 +1634,38 @@
margin-right: 8px
}
}
/* 갤럭시 폴드형 대응 22.02.16 */
@media all and (max-width: 390px) {
.seller-tab-area .fp-item-txt.side-txt {
margin-left:10%;
}
}
@media all and (max-width: 330px) {
.seller-tab-area .fp-item-txt.side-txt.long-txt {
margin-left:4%;
}
}
@media all and (max-width: 310px) {
.seller-tab-area .fp-item-txt.side-txt {
margin-left:8%;
}
}
@media all and (max-width: 290px) {
.seller-tab-area .fp-item-txt.side-txt.long-txt {
margin-left:2%;
}
.seller-tab-area .fp-item-desc.flip-display-desc {
padding-right:20px;
padding-left:20px;
}
.seller-tab-area .fp-item-desc.fold-display-desc {
padding-right:20px;
padding-left:20px;
}
}
src/assets/html/seller_heder_modify.html
View file @ d92e0272
......@@ -582,7 +582,7 @@
</div>
<div class="fp-item-txt processor-txt">
<div><span>A14</span> Bionic 칩</div>
<div><span>헥사코어</span>, <span>7</span><span>GHz</span></div>
<div><span>헥사코어</span></div>
</div>
</div>
</div>
......@@ -616,14 +616,12 @@
<div class="fp-item-desc">
<h5 class="fp-item-tit">프로세서</h5>
<div class="fp-item-img">
<img src="../img/point/SP002.png" class="w70">
<img src="../img/point/SP002.png" class="w66">
</div>
<div class="fp-item-txt processor-txt">
<div><span>A14</span> Bionic 칩</div>
<div><span>헥사코어</span>, <span>7</span><span>GHz</span></div>
<div><span>헥사코어</span>, <span>7</span><span>GHz</span></div>
<div><span>헥사코어</span>, <span>7</span><span>GHz</span></div>
<div><span>헥사코어</span>, <span>7</span><span>GHz</span></div>
<div><span>헥사코어</span></div>
<div><span>7</span><span>GHz</span></div>
</div>
</div>
</div>
......@@ -656,7 +654,7 @@
<div class="group-box wide-group-box iphone-678">
<div class="phone-tag">i Phone 6/7/8</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/iOS_default.png" class="w70">
......@@ -672,7 +670,7 @@
<div class="group-box wide-group-box iphone-678">
<div class="phone-tag">i Phone 6/7/8_?</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/iOS_SP007_1.png" class="w70">
......@@ -688,7 +686,7 @@
<div class="group-box wide-group-box">
<div class="phone-tag">i Phone 10</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/iOS_SP007_2_iPhone10.png" class="w42">
......@@ -704,7 +702,7 @@
<div class="group-box wide-group-box">
<div class="phone-tag">i Phone 11/12</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/iOS_SP007_2.png" class="w70">
......@@ -720,7 +718,7 @@
<div class="group-box wide-group-box">
<div class="phone-tag">i Phone 13</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/iOS_SP007_4.png" class="w70">
......@@ -736,7 +734,7 @@
<div class="group-box wide-group-box wide-angle">
<div class="phone-tag">i Phone 11/12/13pro</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/iOS_SP007_7.png" class="w70">
......@@ -752,12 +750,12 @@
<div class="group-box wide-group-box wide-angle">
<div class="phone-tag">i Phone 1N~</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/iOS_SP007_10.png" class="w70">
</div>
<div class="fp-item-txt side-txt">
<div class="fp-item-txt side-txt long-txt">
<div><span>와이드</span> + <span>와이드</span><br></Nt>+ <span>울트라와이드</span> + <span>광각</span></div>
<div><span>F1.6</span> + <span>F1.6</span> + <span>F2.0</span> + <span>F2.2</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
......@@ -768,7 +766,7 @@
<div class="group-box wide-group-box android android-1">
<div class="phone-tag">안드로이드 1개</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_1.png" class="w74">
......@@ -784,7 +782,7 @@
<div class="group-box wide-group-box android">
<div class="phone-tag">안드로이드 2개_세로</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_2.png" class="w74">
......@@ -800,7 +798,7 @@
<div class="group-box wide-group-box android">
<div class="phone-tag">안드로이드 2개_가로</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_3.png" class="w74">
......@@ -816,7 +814,7 @@
<div class="group-box wide-group-box android">
<div class="phone-tag">안드로이드 2개_대각선</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_4.png" class="w74">
......@@ -832,12 +830,12 @@
<div class="group-box wide-group-box wide-angle android android-3-vertical">
<div class="phone-tag">안드로이드 3개_세로</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_5.png" class="w74">
</div>
<div class="fp-item-txt side-txt">
<div class="fp-item-txt side-txt long-txt">
<div><span>와이드</span> + <span>울트라와이드</span> + <span>광각</span></div>
<div><span>F1.6</span> + <span>F2.0</span> + <span>F2.2</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
......@@ -848,12 +846,12 @@
<div class="group-box wide-group-box wide-angle android android-3-horizontal">
<div class="phone-tag">안드로이드 3개_가로</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_6.png" class="w98">
</div>
<div class="fp-item-txt side-txt">
<div class="fp-item-txt side-txt long-txt">
<div><span>와이드</span> + <span>울트라와이드</span> + <span>광각</span></div>
<div><span>F1.6</span> + <span>F2.0</span> + <span>F2.2</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
......@@ -864,12 +862,12 @@
<div class="group-box wide-group-box wide-angle android android-4-vertical">
<div class="phone-tag">안드로이드 4개_세로</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_8.png" class="w74">
</div>
<div class="fp-item-txt side-txt">
<div class="fp-item-txt side-txt long-txt">
<div><span>와이드</span> + <span>와이드</span><br>+ <span>울트라와이드</span> + <span>광각</span></div>
<div><span>F1.6</span> + <span>F1.6</span> + <span>F2.0</span> + <span>F2.2</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
......@@ -880,12 +878,12 @@
<div class="group-box wide-group-box wide-angle android android-4-horizontal">
<div class="phone-tag">안드로이드 4개_가로</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_9.png" class="w109">
</div>
<div class="fp-item-txt side-txt">
<div class="fp-item-txt side-txt long-txt">
<div><span>와이드</span> + <span>와이드</span><br>+ <span>울트라와이드</span> + <span>광각</span></div>
<div><span>F1.6</span> + <span>F1.6</span> + <span>F2.0</span> + <span>F2.2</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
......@@ -896,12 +894,12 @@
<div class="group-box wide-group-box wide-angle android">
<div class="phone-tag">안드로이드 4개_정방향</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_10.png" class="w74">
</div>
<div class="fp-item-txt side-txt">
<div class="fp-item-txt side-txt long-txt">
<div><span>와이드</span> + <span>와이드</span><br>+ <span>울트라와이드</span> + <span>광각</span></div>
<div><span>F1.6</span> + <span>F1.6</span> + <span>F2.0</span> + <span>F2.2</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
......@@ -912,12 +910,12 @@
<div class="group-box wide-group-box wide-angle android android-5">
<div class="phone-tag">안드로이드 5개 이상</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_11.png" class="w74">
</div>
<div class="fp-item-txt side-txt">
<div class="fp-item-txt side-txt long-txt">
<div><span>와이드</span> + <span>와이드</span> + <span>와이드</span><br>+ <span>울트라와이드</span> + <span>광각</span></div>
<div><span>F1.6</span> + <span>F1.6</span> + <span>F1.6</span> + <span>F2.0</span> + <span>F2.2</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span><br> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
......@@ -926,9 +924,9 @@
</div>
</div>
<div class="group-box front-camera">
<div class="phone-tag">전면_측면_1개</div>
<div class="phone-tag">보조_측면_1개</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit">전면 카메라</h5>
<h5 class="fp-item-tit">보조 카메라</h5>
<div class="fp-item-img">
<img src="../img/point/SP008_2.png" class="w102">
</div>
......@@ -940,9 +938,9 @@
</div>
</div>
<div class="group-box front-camera front-camera-2">
<div class="phone-tag">전면_측면_2개</div>
<div class="phone-tag">보조_측면_2개</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit">전면 카메라</h5>
<h5 class="fp-item-tit">보조 카메라</h5>
<div class="fp-item-img">
<img src="../img/point/SP008_4.png" class="w102">
</div>
......@@ -954,9 +952,9 @@
</div>
</div>
<div class="group-box front-camera">
<div class="phone-tag">전면_중앙_1개</div>
<div class="phone-tag">보조_중앙_1개</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit">전면 카메라</h5>
<h5 class="fp-item-tit">보조 카메라</h5>
<div class="fp-item-img">
<img src="../img/point/SP008_1.png" class="w102">
</div>
......@@ -968,9 +966,9 @@
</div>
</div>
<div class="group-box front-camera front-camera-2">
<div class="phone-tag">전면_중앙_2개</div>
<div class="phone-tag">보조_중앙_2개</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit">전면 카메라</h5>
<h5 class="fp-item-tit">보조 카메라</h5>
<div class="fp-item-img">
<img src="../img/point/SP008_3.png" class="w102">
</div>
......
src/assets/html/seller_heder_modify_f.html
View file @ d92e0272
......@@ -607,12 +607,11 @@
</div>
<div class="group-box wide-group-box">
<div class="phone-tag">SM109 1. 플립형 case</div>
<div class="fp-item-desc">
<div class="fp-item-desc flip-display-desc">
<h5 class="fp-item-tit">디스플레이</h5>
<div class="row-box">
<div class="row-box flip-display">
<div class="fp-item-img side-img">
<img src="../img/point/SM109_1_display.png" class="w48">
</div>
<div class="fp-item-txt side-txt">
<div><span>6.2</span><span>인치</span></div>
......@@ -624,9 +623,9 @@
</div>
</div>
<div class="group-box wide-group-box">
<div class="fp-item-desc">
<div class="fp-item-desc flip-display-desc">
<h5 class="fp-item-tit sub-display-tit">보조 디스플레이</h5>
<div class="row-box">
<div class="row-box flip-display">
<div class="fp-item-img side-img">
<img src="../img/point/SM109_1_display_sub.png" class="w48">
......@@ -642,9 +641,9 @@
</div>
<div class="group-box wide-group-box">
<div class="phone-tag">SM109 10. 폴드형 case</div>
<div class="fp-item-desc display-desc">
<div class="fp-item-desc display-desc fold-display-desc">
<h5 class="fp-item-tit">디스플레이</h5>
<div class="row-box">
<div class="row-box fold-display">
<div class="fp-item-img side-img">
<img src="../img/point/SM109_10_display.png" class="w68">
......@@ -659,16 +658,16 @@
</div>
</div>
<div class="group-box wide-group-box">
<div class="fp-item-desc display-desc">
<div class="fp-item-desc display-desc fold-display-desc">
<h5 class="fp-item-tit">보조 디스플레이</h5>
<div class="row-box">
<div class="row-box fold-display">
<div class="fp-item-img side-img">
<img src="../img/point/SM109_10_display_sub.png" class="w40">
</div>
<div class="fp-item-txt side-txt">
<div><span>6.2</span><span>인치</span></div>
<div>Dynamic AMOLED 2X</div>
<div>Super AMOLED</div>
<div><span>2640</span> X <span>1680</span><span>px</span></div>
<div><span>120</span><span>Hz</span> 주사율</div>
</div>
......@@ -690,7 +689,7 @@
</div>
<div class="fp-item-txt processor-txt">
<div><span>A14</span> Bionic 칩</div>
<div><span>헥사코어</span>, <span>7</span><span>GHz</span></div>
<div><span>헥사코어</span></div>
</div>
</div>
</div>
......@@ -723,14 +722,12 @@
<div class="fp-item-desc">
<h5 class="fp-item-tit">프로세서</h5>
<div class="fp-item-img">
<img src="../img/point/SP002.png" class="w70">
<img src="../img/point/SP002.png" class="w66">
</div>
<div class="fp-item-txt processor-txt">
<div><span>A14</span> Bionic 칩</div>
<div><span>헥사코어</span>, <span>7</span><span>GHz</span></div>
<div><span>헥사코어</span>, <span>7</span><span>GHz</span></div>
<div><span>헥사코어</span>, <span>7</span><span>GHz</span></div>
<div><span>헥사코어</span>, <span>7</span><span>GHz</span></div>
<div><span>헥사코어</span></div>
<div><span>7</span><span>GHz</span></div>
</div>
</div>
</div>
......@@ -762,7 +759,7 @@
<div class="group-box wide-group-box iphone-678">
<div class="phone-tag">i Phone 6/7/8</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/iOS_default.png" class="w70">
......@@ -778,7 +775,7 @@
<div class="group-box wide-group-box iphone-678">
<div class="phone-tag">i Phone 6/7/8_?</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/iOS_SP007_1.png" class="w70">
......@@ -794,7 +791,7 @@
<div class="group-box wide-group-box">
<div class="phone-tag">i Phone 10</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/iOS_SP007_2_iPhone10.png" class="w42">
......@@ -810,7 +807,7 @@
<div class="group-box wide-group-box">
<div class="phone-tag">i Phone 11/12</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/iOS_SP007_2.png" class="w70">
......@@ -826,7 +823,7 @@
<div class="group-box wide-group-box">
<div class="phone-tag">i Phone 13</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/iOS_SP007_4.png" class="w70">
......@@ -842,7 +839,7 @@
<div class="group-box wide-group-box wide-angle">
<div class="phone-tag">i Phone 11/12/13pro</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/iOS_SP007_7.png" class="w70">
......@@ -858,12 +855,12 @@
<div class="group-box wide-group-box wide-angle">
<div class="phone-tag">i Phone 1N~</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/iOS_SP007_10.png" class="w70">
</div>
<div class="fp-item-txt side-txt">
<div class="fp-item-txt side-txt long-txt">
<div><span>와이드</span> + <span>와이드</span><br></Nt>+ <span>울트라와이드</span> + <span>광각</span></div>
<div><span>F1.6</span> + <span>F1.6</span> + <span>F2.0</span> + <span>F2.2</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
......@@ -874,7 +871,7 @@
<div class="group-box wide-group-box android android-1">
<div class="phone-tag">안드로이드 1개</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_1.png" class="w74">
......@@ -890,7 +887,7 @@
<div class="group-box wide-group-box android">
<div class="phone-tag">안드로이드 2개_세로</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_2.png" class="w74">
......@@ -906,7 +903,7 @@
<div class="group-box wide-group-box android">
<div class="phone-tag">안드로이드 2개_가로</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_3.png" class="w74">
......@@ -922,7 +919,7 @@
<div class="group-box wide-group-box android">
<div class="phone-tag">안드로이드 2개_대각선</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_4.png" class="w74">
......@@ -938,12 +935,12 @@
<div class="group-box wide-group-box wide-angle android android-3-vertical">
<div class="phone-tag">안드로이드 3개_세로</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_5.png" class="w74">
</div>
<div class="fp-item-txt side-txt">
<div class="fp-item-txt side-txt long-txt">
<div><span>와이드</span> + <span>울트라와이드</span> + <span>광각</span></div>
<div><span>F1.6</span> + <span>F2.0</span> + <span>F2.2</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
......@@ -954,12 +951,12 @@
<div class="group-box wide-group-box wide-angle android android-3-horizontal">
<div class="phone-tag">안드로이드 3개_가로</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_6.png" class="w98">
</div>
<div class="fp-item-txt side-txt">
<div class="fp-item-txt side-txt long-txt">
<div><span>와이드</span> + <span>울트라와이드</span> + <span>광각</span></div>
<div><span>F1.6</span> + <span>F2.0</span> + <span>F2.2</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
......@@ -970,12 +967,12 @@
<div class="group-box wide-group-box wide-angle android android-4-vertical">
<div class="phone-tag">안드로이드 4개_세로</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_8.png" class="w74">
</div>
<div class="fp-item-txt side-txt">
<div class="fp-item-txt side-txt long-txt">
<div><span>와이드</span> + <span>와이드</span><br>+ <span>울트라와이드</span> + <span>광각</span></div>
<div><span>F1.6</span> + <span>F1.6</span> + <span>F2.0</span> + <span>F2.2</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
......@@ -986,12 +983,12 @@
<div class="group-box wide-group-box wide-angle android android-4-horizontal">
<div class="phone-tag">안드로이드 4개_가로</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_9.png" class="w109">
</div>
<div class="fp-item-txt side-txt">
<div class="fp-item-txt side-txt long-txt">
<div><span>와이드</span> + <span>와이드</span><br>+ <span>울트라와이드</span> + <span>광각</span></div>
<div><span>F1.6</span> + <span>F1.6</span> + <span>F2.0</span> + <span>F2.2</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
......@@ -1002,12 +999,12 @@
<div class="group-box wide-group-box wide-angle android">
<div class="phone-tag">안드로이드 4개_정방향</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_10.png" class="w74">
</div>
<div class="fp-item-txt side-txt">
<div class="fp-item-txt side-txt long-txt">
<div><span>와이드</span> + <span>와이드</span><br>+ <span>울트라와이드</span> + <span>광각</span></div>
<div><span>F1.6</span> + <span>F1.6</span> + <span>F2.0</span> + <span>F2.2</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
......@@ -1018,12 +1015,12 @@
<div class="group-box wide-group-box wide-angle android android-5">
<div class="phone-tag">안드로이드 5개 이상</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_11.png" class="w74">
</div>
<div class="fp-item-txt side-txt">
<div class="fp-item-txt side-txt long-txt">
<div><span>와이드</span> + <span>와이드</span> + <span>와이드</span><br>+ <span>울트라와이드</span> + <span>광각</span></div>
<div><span>F1.6</span> + <span>F1.6</span> + <span>F1.6</span> + <span>F2.0</span> + <span>F2.2</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span><br> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
......@@ -1032,9 +1029,9 @@
</div>
</div>
<div class="group-box front-camera">
<div class="phone-tag">전면_측면_1개</div>
<div class="phone-tag">보조_측면_1개</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit">전면 카메라</h5>
<h5 class="fp-item-tit">보조 카메라</h5>
<div class="fp-item-img">
<img src="../img/point/SP008_2.png" class="w102">
</div>
......@@ -1046,9 +1043,9 @@
</div>
</div>
<div class="group-box front-camera front-camera-2">
<div class="phone-tag">전면_측면_2개</div>
<div class="phone-tag">보조_측면_2개</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit">전면 카메라</h5>
<h5 class="fp-item-tit">보조 카메라</h5>
<div class="fp-item-img">
<img src="../img/point/SP008_4.png" class="w102">
</div>
......@@ -1060,9 +1057,9 @@
</div>
</div>
<div class="group-box front-camera">
<div class="phone-tag">전면_중앙_1개</div>
<div class="phone-tag">보조_중앙_1개</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit">전면 카메라</h5>
<h5 class="fp-item-tit">보조 카메라</h5>
<div class="fp-item-img">
<img src="../img/point/SP008_1.png" class="w102">
</div>
......@@ -1074,9 +1071,9 @@
</div>
</div>
<div class="group-box front-camera front-camera-2">
<div class="phone-tag">전면_중앙_2개</div>
<div class="phone-tag">보조_중앙_2개</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit">전면 카메라</h5>
<h5 class="fp-item-tit">보조 카메라</h5>
<div class="fp-item-img">
<img src="../img/point/SP008_3.png" class="w102">
</div>
......
src/assets/html/seller_process1.html
View file @ d92e0272
......@@ -630,7 +630,7 @@
</div>
<div class="fp-item-txt processor-txt">
<div><span>A14</span> Bionic 칩</div>
<div><span>헥사코어</span>, <span>7</span><span>GHz</span></div>
<div><span>헥사코어</span></div>
</div>
</div>
</div>
......@@ -664,14 +664,12 @@
<div class="fp-item-desc">
<h5 class="fp-item-tit">프로세서</h5>
<div class="fp-item-img">
<img src="../img/point/SP002.png" class="w70">
<img src="../img/point/SP002.png" class="w66">
</div>
<div class="fp-item-txt processor-txt">
<div><span>A14</span> Bionic 칩</div>
<div><span>헥사코어</span>, <span>7</span><span>GHz</span></div>
<div><span>헥사코어</span>, <span>7</span><span>GHz</span></div>
<div><span>헥사코어</span>, <span>7</span><span>GHz</span></div>
<div><span>헥사코어</span>, <span>7</span><span>GHz</span></div>
<div><span>헥사코어</span></div>
<div><span>7</span><span>GHz</span></div>
</div>
</div>
</div>
......@@ -704,7 +702,7 @@
<div class="group-box wide-group-box iphone-678">
<div class="phone-tag">i Phone 6/7/8</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/iOS_default.png" class="w70">
......@@ -720,7 +718,7 @@
<div class="group-box wide-group-box iphone-678">
<div class="phone-tag">i Phone 6/7/8_?</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/iOS_SP007_1.png" class="w70">
......@@ -736,7 +734,7 @@
<div class="group-box wide-group-box">
<div class="phone-tag">i Phone 10</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/iOS_SP007_2_iPhone10.png" class="w42">
......@@ -752,7 +750,7 @@
<div class="group-box wide-group-box">
<div class="phone-tag">i Phone 11/12</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/iOS_SP007_2.png" class="w70">
......@@ -768,7 +766,7 @@
<div class="group-box wide-group-box">
<div class="phone-tag">i Phone 13</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/iOS_SP007_4.png" class="w70">
......@@ -784,7 +782,7 @@
<div class="group-box wide-group-box wide-angle">
<div class="phone-tag">i Phone 11/12/13pro</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/iOS_SP007_7.png" class="w70">
......@@ -800,12 +798,12 @@
<div class="group-box wide-group-box wide-angle">
<div class="phone-tag">i Phone 1N~</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/iOS_SP007_10.png" class="w70">
</div>
<div class="fp-item-txt side-txt">
<div class="fp-item-txt side-txt long-txt">
<div><span>와이드</span> + <span>와이드</span><br></Nt>+ <span>울트라와이드</span> + <span>광각</span></div>
<div><span>F1.6</span> + <span>F1.6</span> + <span>F2.0</span> + <span>F2.2</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
......@@ -816,7 +814,7 @@
<div class="group-box wide-group-box android android-1">
<div class="phone-tag">안드로이드 1개</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_1.png" class="w74">
......@@ -832,7 +830,7 @@
<div class="group-box wide-group-box android">
<div class="phone-tag">안드로이드 2개_세로</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_2.png" class="w74">
......@@ -848,7 +846,7 @@
<div class="group-box wide-group-box android">
<div class="phone-tag">안드로이드 2개_가로</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_3.png" class="w74">
......@@ -864,7 +862,7 @@
<div class="group-box wide-group-box android">
<div class="phone-tag">안드로이드 2개_대각선</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_4.png" class="w74">
......@@ -880,12 +878,12 @@
<div class="group-box wide-group-box wide-angle android android-3-vertical">
<div class="phone-tag">안드로이드 3개_세로</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_5.png" class="w74">
</div>
<div class="fp-item-txt side-txt">
<div class="fp-item-txt side-txt long-txt">
<div><span>와이드</span> + <span>울트라와이드</span> + <span>광각</span></div>
<div><span>F1.6</span> + <span>F2.0</span> + <span>F2.2</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
......@@ -896,12 +894,12 @@
<div class="group-box wide-group-box wide-angle android android-3-horizontal">
<div class="phone-tag">안드로이드 3개_가로</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_6.png" class="w98">
</div>
<div class="fp-item-txt side-txt">
<div class="fp-item-txt side-txt long-txt">
<div><span>와이드</span> + <span>울트라와이드</span> + <span>광각</span></div>
<div><span>F1.6</span> + <span>F2.0</span> + <span>F2.2</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
......@@ -912,12 +910,12 @@
<div class="group-box wide-group-box wide-angle android android-4-vertical">
<div class="phone-tag">안드로이드 4개_세로</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_8.png" class="w74">
</div>
<div class="fp-item-txt side-txt">
<div class="fp-item-txt side-txt long-txt">
<div><span>와이드</span> + <span>와이드</span><br>+ <span>울트라와이드</span> + <span>광각</span></div>
<div><span>F1.6</span> + <span>F1.6</span> + <span>F2.0</span> + <span>F2.2</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
......@@ -928,12 +926,12 @@
<div class="group-box wide-group-box wide-angle android android-4-horizontal">
<div class="phone-tag">안드로이드 4개_가로</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_9.png" class="w109">
</div>
<div class="fp-item-txt side-txt">
<div class="fp-item-txt side-txt long-txt">
<div><span>와이드</span> + <span>와이드</span><br>+ <span>울트라와이드</span> + <span>광각</span></div>
<div><span>F1.6</span> + <span>F1.6</span> + <span>F2.0</span> + <span>F2.2</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
......@@ -944,12 +942,12 @@
<div class="group-box wide-group-box wide-angle android">
<div class="phone-tag">안드로이드 4개_정방향</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_10.png" class="w74">
</div>
<div class="fp-item-txt side-txt">
<div class="fp-item-txt side-txt long-txt">
<div><span>와이드</span> + <span>와이드</span><br>+ <span>울트라와이드</span> + <span>광각</span></div>
<div><span>F1.6</span> + <span>F1.6</span> + <span>F2.0</span> + <span>F2.2</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
......@@ -960,12 +958,12 @@
<div class="group-box wide-group-box wide-angle android android-5">
<div class="phone-tag">안드로이드 5개 이상</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit camera-tit">카메라</h5>
<h5 class="fp-item-tit camera-tit">후면 카메라</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/SP007_11.png" class="w74">
</div>
<div class="fp-item-txt side-txt">
<div class="fp-item-txt side-txt long-txt">
<div><span>와이드</span> + <span>와이드</span> + <span>와이드</span><br>+ <span>울트라와이드</span> + <span>광각</span></div>
<div><span>F1.6</span> + <span>F1.6</span> + <span>F1.6</span> + <span>F2.0</span> + <span>F2.2</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span><br> + <span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
......@@ -974,9 +972,9 @@
</div>
</div>
<div class="group-box front-camera">
<div class="phone-tag">전면_측면_1개</div>
<div class="phone-tag">보조_측면_1개</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit">전면 카메라</h5>
<h5 class="fp-item-tit">보조 카메라</h5>
<div class="fp-item-img">
<img src="../img/point/SP008_2.png" class="w102">
</div>
......@@ -988,9 +986,9 @@
</div>
</div>
<div class="group-box front-camera front-camera-2">
<div class="phone-tag">전면_측면_2개</div>
<div class="phone-tag">보조_측면_2개</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit">전면 카메라</h5>
<h5 class="fp-item-tit">보조 카메라</h5>
<div class="fp-item-img">
<img src="../img/point/SP008_4.png" class="w102">
</div>
......@@ -1002,9 +1000,9 @@
</div>
</div>
<div class="group-box front-camera">
<div class="phone-tag">전면_중앙_1개</div>
<div class="phone-tag">보조_중앙_1개</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit">전면 카메라</h5>
<h5 class="fp-item-tit">보조 카메라</h5>
<div class="fp-item-img">
<img src="../img/point/SP008_1.png" class="w102">
</div>
......@@ -1016,9 +1014,9 @@
</div>
</div>
<div class="group-box front-camera front-camera-2">
<div class="phone-tag">전면_중앙_2개</div>
<div class="phone-tag">보조_중앙_2개</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit">전면 카메라</h5>
<h5 class="fp-item-tit">보조 카메라</h5>
<div class="fp-item-img">
<img src="../img/point/SP008_3.png" class="w102">
</div>
......
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