Skip to content

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

[김은해] 220127 - seller_process1.html 페이지에 특장점 추가

parent 4438857f
Show whitespace changes
Inline Side-by-side
Showing with 596 additions and 5 deletions
src/assets/html/seller_process1.html
View file @ 35ccd722
......@@ -472,12 +472,602 @@
<div data-tab-content="seller-detail-tab" class="tab-content" style="display:none;">
<h3 class="g-invisible">특장점</h3>
<div id="featurePoint" class="feature-point-contents">
<img src="../img/@/@temp-feature-point@2x.png" alt="">
<img src="https://cdnw.shop.tworld.co.kr/pimg/plan_editor/202102/112925205067501647.jpg" alt="">
<!-- 특장점 리뉴얼 22.01.21-->
<!-- 공통 -->
<div class="feature-point-item">
<h4 class="feature-point-tit">공통</h4>
<div class="fp-item-group">
<div class="group-box">
<div class="fp-item-desc">
<h5 class="fp-item-tit">제조사</h5>
<div class="fp-item-img">
<img src="../img/point/fill-1@2x.png" class="samsung-logo">
</div>
<div class="fp-item-txt">삼성</div>
</div>
</div>
<div class="group-box">
<div class="fp-item-desc">
<h5 class="fp-item-tit">제조사</h5>
<div class="fp-item-img">
<img src="../img/point/fill-1_2@2x.png" class="apple-logo">
</div>
<div class="fp-item-txt">애플</div>
</div>
</div>
<div class="group-box">
<div class="fp-item-desc">
<h5 class="fp-item-tit">제조사</h5>
<div class="fp-item-img">
<img src="../img/point/fill-1_3@2x.png" class="xiaomi-logo">
</div>
<div class="fp-item-txt">샤오미</div>
</div>
</div>
<div class="group-box">
<div class="fp-item-desc">
<h5 class="fp-item-tit">제조사</h5>
<div class="fp-item-img">
<img src="../img/point/group-6@2x.png" class="etc-logo">
</div>
<div class="fp-item-txt">기타</div>
</div>
</div>
<div class="group-box">
<div class="fp-item-desc">
<h5 class="fp-item-tit">운영체제</h5>
<div class="fp-item-img">
<img src="../img/point/group-3@2x.png" class="android-logo">
</div>
<div class="fp-item-txt">안드로이드</div>
</div>
</div>
<div class="group-box">
<div class="fp-item-desc">
<h5 class="fp-item-tit">운영체제</h5>
<div class="fp-item-img">
<img src="../img/point/group-3_2@2x.png" class="ios-logo">
</div>
<div class="fp-item-txt">iOS</div>
</div>
</div>
<div class="group-box">
<div class="fp-item-desc">
<h5 class="fp-item-tit">운영체제</h5>
<div class="fp-item-img">
<img src="../img/point/group-29@2x.png" class="os-logo">
</div>
<div class="fp-item-txt">기타</div>
</div>
</div>
<div class="group-box">
<div class="fp-item-desc">
<h5 class="fp-item-tit">통신</h5>
<div class="fp-item-img">
<img src="../img/point/icon-5-gx@2x.png" class="w99">
<div class="value-text communication">5G</div>
</div>
<div class="fp-item-txt"><span>5G</span>통신 지원</div>
</div>
</div>
<div class="group-box">
<div class="fp-item-desc">
<h5 class="fp-item-tit">USIM종류</h5>
<div class="fp-item-img">
<img src="../img/point/icon-usim@2x.png" class="w51">
</div>
<div class="fp-item-txt">나노유심</div>
</div>
</div>
</div>
</div>
<!-- //공통 -->
<!-- 외관 -->
<div class="feature-point-item">
<h4 class="feature-point-tit">외관</h4>
<div class="fp-item-group">
<div class="group-box">
<div class="fp-item-desc phone-scale-desc">
<h5 class="fp-item-tit">휴대폰 크기</h5>
<div class="fp-item-img">
<img src="../img/point/icon-phone_2@2x.png" class="w86">
<div class="value-text phone-height">160.8</div>
<div class="value-text phone-width">78.1</div>
<div class="value-text phone-thick">7.4</div>
</div>
<div class="fp-item-txt">가로 X 세로 X 두께<br><span class="size-unit">(단위:㎜)</span></div>
</div>
</div>
<div class="group-box">
<div class="fp-item-desc">
<h5 class="fp-item-tit">무게</h5>
<div class="fp-item-img">
<img src="../img/point/icon-scale@2x.png" class="w72">
</div>
<div class="fp-item-txt"><span>226</span><span>g</span></div>
</div>
</div>
</div>
</div>
<!-- //외관 -->
<!-- 디스플레이 -->
<div class="feature-point-item">
<h4 class="feature-point-tit">디스플레이</h4>
<div class="fp-item-group">
<div class="group-box wide-group-box">
<div class="fp-item-desc display-desc">
<h5 class="fp-item-tit">디스플레이</h5>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/icon-phone@2x.png" class="w48">
<div class="value-text">
<span>6.2</span><span>인치</span>
</div>
</div>
<div class="fp-item-txt side-txt">
<div>Dynamic AMOLED 2X</div>
<div><span>2532</span> X <span>1170</span><span>px</span></div>
<div><span>120</span><span>Hz</span> 주사율</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- //디스플레이 -->
<!-- 성능 -->
<div class="feature-point-item">
<h4 class="feature-point-tit">성능</h4>
<div class="fp-item-group">
<div class="group-box">
<div class="fp-item-desc">
<h5 class="fp-item-tit">프로세서</h5>
<div class="fp-item-img">
<img src="../img/point/rectangle@2x.png" class="w70">
<div class="value-text processor">
<span>A14<br>Bionic 칩</span>
</div>
</div>
<div class="fp-item-txt"><span>헥사코어</span>,<span>7</span><span>GHz</span></div>
</div>
</div>
<div class="group-box">
<div class="fp-item-desc">
<h5 class="fp-item-tit">RAM</h5>
<div class="fp-item-img">
<img src="../img/point/icon-ram@2x.png" class="w74">
<div class="value-text ram">
<span>6</span><span>GB</span>
</div>
</div>
<div class="fp-item-txt"><span>6</span><span>GB</span> RAM</div>
</div>
</div>
<div class="group-box">
<div class="fp-item-desc">
<h5 class="fp-item-tit">배터리 용량</h5>
<div class="fp-item-img">
<img src="../img/point/icon-battery@2x.png" class="w72">
<div class="value-text battery">
<span>2,815</span><span>mAh</span>
</div>
</div>
<div class="fp-item-txt"><span>2815</span><span>mAh</span></div>
</div>
</div>
</div>
</div>
<!-- //성능 -->
<!-- 카메라 -->
<div class="feature-point-item">
<h4 class="feature-point-tit">카메라</h4>
<div class="fp-item-group camera-group">
<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>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/group-23-copy-7@2x.png" class="w70">
</div>
<div class="fp-item-txt side-txt">
<div><span>와이드</span></div>
<div><span>F1.6</span></div>
<div><span>12</span><span>MP</span></div>
</div>
</div>
</div>
</div>
<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>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/group-23-copy-3@2x.png" class="w70">
</div>
<div class="fp-item-txt side-txt">
<div><span>와이드</span></div>
<div><span>F1.6</span></div>
<div><span>12</span><span>MP</span></div>
</div>
</div>
</div>
</div>
<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>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/group-23-copy-8@2x.png" class="w42">
</div>
<div class="fp-item-txt side-txt">
<div><span>와이드</span> + <span>울트라와이드</span></div>
<div><span>F1.6</span> + <span>F2.0</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
</div>
</div>
</div>
</div>
<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>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/group-23-copy-6@2x.png" class="w70">
</div>
<div class="fp-item-txt side-txt">
<div><span>와이드</span> + <span>울트라와이드</span></div>
<div><span>F1.6</span> + <span>F2.0</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
</div>
</div>
</div>
</div>
<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>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/group-23-copy-5@2x.png" class="w70">
</div>
<div class="fp-item-txt side-txt">
<div><span>와이드</span> + <span>울트라와이드</span></div>
<div><span>F1.6</span> + <span>F2.0</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
</div>
</div>
</div>
</div>
<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>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/group-23-copy@2x.png" class="w70">
</div>
<div class="fp-item-txt side-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>
</div>
</div>
</div>
</div>
<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>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/group-23-copy-4@2x.png" class="w70">
</div>
<div class="fp-item-txt side-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>
</div>
</div>
</div>
</div>
<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>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/camera@2x.png" class="w74">
</div>
<div class="fp-item-txt side-txt">
<div><span>와이드</span></div>
<div><span>F1.6</span></div>
<div><span>12</span><span>MP</span></div>
</div>
</div>
</div>
</div>
<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>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/camera_8@2x.png" class="w74">
</div>
<div class="fp-item-txt side-txt">
<div><span>와이드</span> + <span>울트라와이드</span></div>
<div><span>F1.6</span> + <span>F2.0</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
</div>
</div>
</div>
</div>
<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>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/camera_10@2x.png" class="w74">
</div>
<div class="fp-item-txt side-txt">
<div><span>와이드</span> + <span>울트라와이드</span></div>
<div><span>F1.6</span> + <span>F2.0</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
</div>
</div>
</div>
</div>
<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>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/camera_2@2x.png" class="w74">
</div>
<div class="fp-item-txt side-txt">
<div><span>와이드</span> + <span>울트라와이드</span></div>
<div><span>F1.6</span> + <span>F2.0</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
</div>
</div>
</div>
</div>
<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>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/camera_3@2x.png" class="w74">
</div>
<div class="fp-item-txt side-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>
</div>
</div>
</div>
</div>
<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>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/camera_5@2x.png" class="w98">
</div>
<div class="fp-item-txt side-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>
</div>
</div>
</div>
</div>
<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>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/camera_6@2x.png" class="w74">
</div>
<div class="fp-item-txt side-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>
</div>
</div>
</div>
</div>
<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>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/camera_7@2x.png" class="w109">
</div>
<div class="fp-item-txt side-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>
</div>
</div>
</div>
</div>
<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>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/camera_9@2x.png" class="w74">
</div>
<div class="fp-item-txt side-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>
</div>
</div>
</div>
</div>
<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>
<div class="row-box">
<div class="fp-item-img side-img">
<img src="../img/point/camera_4@2x.png" class="w74">
</div>
<div class="fp-item-txt side-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>
</div>
</div>
</div>
</div>
<div class="group-box front-camera">
<div class="phone-tag">전면_측면_1개</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit">전면 카메라</h5>
<div class="fp-item-img">
<img src="../img/point/icon@2x.png" class="w102">
</div>
<div class="fp-item-txt">
<div><span>와이드</span></div>
<div><span>F1.6</span></div>
<div><span>12</span><span>MP</span></div>
</div>
</div>
</div>
<div class="group-box front-camera front-camera-2">
<div class="phone-tag">전면_측면_2개</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit">전면 카메라</h5>
<div class="fp-item-img">
<img src="../img/point/icon_2@2x.png" class="w102">
</div>
<div class="fp-item-txt">
<div><span>와이드</span> + <span>와이드</span></div>
<div><span>F1.6</span> + <span>F2.0</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
</div>
</div>
</div>
<div class="group-box front-camera">
<div class="phone-tag">전면_중앙_1개</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit">전면 카메라</h5>
<div class="fp-item-img">
<img src="../img/point/dim_10@2x.png" class="w102">
</div>
<div class="fp-item-txt">
<div><span>와이드</span></div>
<div><span>F1.6</span></div>
<div><span>12</span><span>MP</span></div>
</div>
</div>
</div>
<div class="group-box front-camera front-camera-2">
<div class="phone-tag">전면_중앙_2개</div>
<div class="fp-item-desc">
<h5 class="fp-item-tit">전면 카메라</h5>
<div class="fp-item-img">
<img src="../img/point/icon_4@2x.png" class="w102">
</div>
<div class="fp-item-txt">
<div><span>와이드</span> + <span>와이드</span></div>
<div><span>F1.6</span> + <span>F2.0</span></div>
<div><span>12</span><span>MP</span> + <span>12</span><span>MP</span></div>
</div>
</div>
</div>
<div class="noti">※ 실제 카메라 배치와 다를 수 있습니다.</div>
</div>
</div>
<!-- //카메라 -->
<!-- 연결/기타 -->
<div class="feature-point-item">
<h4 class="feature-point-tit">연결/기타</h4>
<div class="fp-item-group">
<div class="group-box">
<div class="fp-item-desc">
<h5 class="fp-item-tit">방수 및 방진</h5>
<div class="fp-item-img">
<img src="../img/point/icon-waterproof@2x.png" class="w72">
</div>
<div class="fp-item-txt"><span>IP68</span>등급 획득</div>
</div>
</div>
<div class="group-box">
<div class="fp-item-desc">
<h5 class="fp-item-tit">얼굴인식</h5>
<div class="fp-item-img">
<img src="../img/point/icon-face-id-copy@2x.png" class="w70">
</div>
<div class="fp-item-txt">얼굴인식 지원</div>
</div>
</div>
<div class="group-box">
<div class="fp-item-desc">
<h5 class="fp-item-tit">지문인식</h5>
<div class="fp-item-img">
<img src="../img/point/icon-face-id-copy_2@2x.png" class="w70">
</div>
<div class="fp-item-txt">지문인식 지원</div>
</div>
</div>
<div class="group-box">
<div class="fp-item-desc">
<h5 class="fp-item-tit">충전단자</h5>
<div class="fp-item-img">
<img src="../img/point/group-31@2x.png" class="w63">
</div>
<div class="fp-item-txt">라이트닝 8핀</div>
</div>
</div>
<div class="group-box">
<div class="fp-item-desc">
<h5 class="fp-item-tit">Pen</h5>
<div class="fp-item-img pen">
<img src="../img/point/icon_6@2x.png" class="w83">
</div>
<div class="fp-item-txt">Pen지원</div>
</div>
</div>
<div class="group-box">
<div class="fp-item-desc">
<h5 class="fp-item-tit">무선충전</h5>
<div class="fp-item-img">
<img src="../img/point/icon_7@2x.png" class="w95">
</div>
<div class="fp-item-txt">무선충전 지원</div>
</div>
</div>
<div class="group-box">
<div class="fp-item-desc">
<h5 class="fp-item-tit">전자결제</h5>
<div class="fp-item-img">
<img src="../img/point/group-32@2x.png" class="w62">
</div>
<div class="fp-item-txt">전자결제(pay)지원</div>
</div>
</div>
</div>
</div>
<!-- //연결/기타 -->
<!-- //특장점 리뉴얼 22.01.21-->
<!-- 제품사양(2021.08.24 추가) -->
<table class="tbl_row" border="1">
<!-- <table class="tbl_row" border="1">
<caption>제품 사양</caption>
<colgroup>
<col width="25%">
......@@ -549,7 +1139,8 @@
<td>대한민국</td>
</tr>
</tbody>
</table>
</table> -->
<!-- table 주석 처리 22.01.27 -->
</div>
</div>
<div data-tab-content="seller-detail-tab" class="tab-content" style="display:none">
......
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