init
This commit is contained in:
zxcxz2002
@@ -0,0 +1,215 @@
|
||||
<%@ page contentType="text/html;charset=UTF-8"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
||||
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<jsp:include page="/WEB-INF/view/include/inc_home_head.jsp" />
|
||||
<jsp:include page="/WEB-INF/view/include/inc_head_script.jsp" />
|
||||
</head>
|
||||
<body>
|
||||
<input type="hidden" id="siteId" value="${siteId}"/>
|
||||
<!-- wrap : s -->
|
||||
<div class="wrap"id ="vueApp">
|
||||
<jsp:include page="/WEB-INF/view/include/inc_home_body_header.jsp" />
|
||||
|
||||
<div class="container">
|
||||
<div id="contents">
|
||||
<!-- 상세 : s -->
|
||||
<div class="mainWrap">
|
||||
<div class="container">
|
||||
<div id="contents">
|
||||
|
||||
<div class="img_wrap">
|
||||
<!-- <ul class="rollimgs"> -->
|
||||
<ul>
|
||||
<li>
|
||||
<img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FRb5PG%2FbtqCjSxEdGn%2FSulgKzVr3Bdo2pnrBCGRLk%2Fimg.png"></img>
|
||||
</li>
|
||||
<!-- <li v-if="siteId == 'skt'">
|
||||
<img src="http://luckyphone.kr/wp-content/uploads/2022/02/happy_tuniverse.jpg"></img>
|
||||
</li>
|
||||
<li>
|
||||
<img src="http://luckyphone.kr/wp-content/uploads/2022/02/happy_galaxyz.jpg"></img>
|
||||
</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<section class="search-box">
|
||||
<div class="search-heading">
|
||||
<strong>CUSTOM SEARCH</strong> <span class="dash">/</span>
|
||||
<p>빠르게 원하는 상품과 정보를 보세요</p>
|
||||
</div>
|
||||
<div class="search-body">
|
||||
<div class="l">
|
||||
<strong>제조사</strong>
|
||||
<div class="check-row">
|
||||
<div class="input-wrap">
|
||||
<input id="samsung" type="radio" class="made-control" name="danmal-made" v-model="detail.producer" value="samsung" @change="producerChange(event)">
|
||||
<label for="samsung">삼성</label>
|
||||
</div>
|
||||
<div class="input-wrap">
|
||||
<input id="lg" type="radio" class="made-control" name="danmal-made" v-model="detail.producer" value="lg" @change="producerChange(event)">
|
||||
<label for="lg">LG</label>
|
||||
</div>
|
||||
<div class="input-wrap">
|
||||
<input id="apple" type="radio" class="made-control" name="danmal-made" v-model="detail.producer" value="apple" @change="producerChange(event)">
|
||||
<label for="apple">애플</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="check-row r">
|
||||
<strong>가격표시</strong>
|
||||
<div class="check-row">
|
||||
<div class="input-wrap">
|
||||
<input type="radio" class="view-control" name="danmal-prcie" v-model="detail.priceType" value="terminal" id="terminal">
|
||||
<label for="terminal">단말기할부금</label>
|
||||
</div>
|
||||
<div class="input-wrap">
|
||||
<input type="radio" class="view-control" name="danmal-prcie" v-model="detail.priceType" value="communication" id="communication">
|
||||
<label for="communication">단말기할부금+통신요금</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="pd_section">
|
||||
<!-- max-container : s -->
|
||||
<div class="max-container">
|
||||
<div class="display-wrap">
|
||||
<div class="display1">
|
||||
<h1>
|
||||
프리미엄<span class="small">스마트폰</span>
|
||||
</h1>
|
||||
<p>
|
||||
<span class="dash">/</span><b>최고의 스펙!</b> 최신 모든 제조사 최신 스마트폰을 모았습니다.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- pd List -->
|
||||
<div>
|
||||
<ul class="pd-list pd-list-main" >
|
||||
<li :class="x.producer" :data-made="x.producer" v-for="(x, index) in phoneList" v-if="x.phoneType=='p' && ((siteId == 'kt' && x.kt)||(siteId == 'lgu' && x.lgu)||(siteId == 'skt' && x.skt))">
|
||||
<a :href="'/'+siteId+'/home/phone/detail/'+x.id" :title="x.title">
|
||||
<div class="top">
|
||||
<!-- 데코 라벨 -->
|
||||
<div class="labels">
|
||||
<img v-if="x.mdPick" src="http://luckyphone.kr/wp-content/plugins/kboard/skin/wonderful-product/images/MDPICK.png" alt=""/>
|
||||
<img v-if="x.hot" src="http://luckyphone.kr/wp-content/plugins/kboard/skin/wonderful-product/images/HOT.png" alt=""/>
|
||||
</div>
|
||||
<!-- 통신사 라벨 -->
|
||||
<div class="tel">
|
||||
<img v-if="x.kt && (siteId == 'kt' && x.kt)" src="http://luckyphone.kr/wp-content/plugins/kboard/skin/wonderful-product/images/KT.png"/>
|
||||
<img v-if="x.lgu && (siteId == 'lgu' && x.lgu)" src="http://luckyphone.kr/wp-content/plugins/kboard/skin/wonderful-product/images/LG.png"/>
|
||||
<img v-if="x.skt && (siteId == 'skt' && x.skt)" src="http://luckyphone.kr/wp-content/plugins/kboard/skin/wonderful-product/images/SK.png"/>
|
||||
</div>
|
||||
<div class="thumb">
|
||||
<img :src="x.titleImg"/>
|
||||
</div>
|
||||
<div class="txt">
|
||||
<strong>{{x.title}}</strong>
|
||||
<p>{{x.subTitle}}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bot">
|
||||
<!-- 단순 월 요금 -->
|
||||
<p class="main-price price1 danmal-price-month" v-if="detail.priceType == 'communication'">
|
||||
<b>{{x.phonePriceDto.releasePriceTerminalAndCommunicationToComma}}</b><span>원~/월</span>
|
||||
</p>
|
||||
<!-- 단순 단말할부금액 -->
|
||||
<p class="main-price price1 danmal-price" v-if="detail.priceType == 'terminal'">
|
||||
<b>{{x.phonePriceDto.releasePriceTerminalToComma}}</b><span>원~/월</span>
|
||||
</p>
|
||||
<p class="price2">(출고가: {{x.phonePriceDto.releasePriceToComma}} 원)</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- pd List end -->
|
||||
</div>
|
||||
<!-- max-container : e -->
|
||||
<!-- main-banner:s -->
|
||||
<section class="main-banner">
|
||||
<a href="/two-phone">
|
||||
<div class="max-container aos-init aos-animate" data-aos="fade-in" data-aos-offset="300" data-aos-duration="300">
|
||||
<div data-aos="zoom-in-up" data-aos-offset="300" data-aos-delay="250" class="aos-init aos-animate">
|
||||
<img src="" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</section>
|
||||
<!-- main-banner:e -->
|
||||
<!-- max-container : s -->
|
||||
<div class="max-container">
|
||||
<div class="display-wrap">
|
||||
<div class="display1">
|
||||
<h1>
|
||||
가성비<span class="small">스마트폰</span>
|
||||
</h1>
|
||||
<p>
|
||||
<span class="dash">/</span><b>최고의 스펙!</b> 저렴하게 모든 제조사 최신 스마트폰을 모았습니다.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- pd List -->
|
||||
<div>
|
||||
<ul class="pd-list pd-list-main" >
|
||||
<li :class="x.producer" :data-made="x.producer" v-for="(x, index) in phoneList" v-if="x.phoneType=='s' && ((siteId == 'kt' && x.kt)||(siteId == 'lgu' && x.lgu)||(siteId == 'skt' && x.skt))">
|
||||
<a :href="'/'+siteId+'/home/phone/detail/'+x.id" :title="x.title">
|
||||
<div class="top">
|
||||
<!-- 데코 라벨 -->
|
||||
<div class="labels">
|
||||
<img v-if="x.mdPick" src="http://luckyphone.kr/wp-content/plugins/kboard/skin/wonderful-product/images/MDPICK.png" alt=""/>
|
||||
<img v-if="x.hot" src="http://luckyphone.kr/wp-content/plugins/kboard/skin/wonderful-product/images/HOT.png" alt=""/>
|
||||
</div>
|
||||
<!-- 통신사 라벨 -->
|
||||
<div class="tel">
|
||||
<img v-if="x.kt && (siteId == 'kt' && x.kt)" src="http://luckyphone.kr/wp-content/plugins/kboard/skin/wonderful-product/images/KT.png"/>
|
||||
<img v-if="x.lgu && (siteId == 'lgu' && x.lgu)" src="http://luckyphone.kr/wp-content/plugins/kboard/skin/wonderful-product/images/LG.png"/>
|
||||
<img v-if="x.skt && (siteId == 'skt' && x.skt)" src="http://luckyphone.kr/wp-content/plugins/kboard/skin/wonderful-product/images/SK.png"/>
|
||||
</div>
|
||||
<div class="thumb">
|
||||
<img :src="x.titleImg"/>
|
||||
</div>
|
||||
<div class="txt">
|
||||
<strong>{{x.title}}</strong>
|
||||
<p>{{x.subTitle}}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bot">
|
||||
<!-- 단순 월 요금 -->
|
||||
<p class="main-price price1 danmal-price-month" v-if="detail.priceType == 'communication'">
|
||||
<b>{{x.phonePriceDto.releasePriceTerminalAndCommunicationToComma}}</b><span>원~/월</span>
|
||||
</p>
|
||||
<!-- 단순 단말할부금액 -->
|
||||
<p class="main-price price1 danmal-price" v-if="detail.priceType == 'terminal'">
|
||||
<b>{{x.phonePriceDto.releasePriceTerminalToComma}}</b><span>원~/월</span>
|
||||
</p>
|
||||
<p class="price2">(출고가: {{x.phonePriceDto.releasePriceToComma}} 원)</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- pd List end -->
|
||||
</div>
|
||||
<!-- max-container : e -->
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 상세 : e -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- footer : s -->
|
||||
<jsp:include page="/WEB-INF/view/include/inc_home_body_footer.jsp" />
|
||||
<!-- footer : e -->
|
||||
</div>
|
||||
<!-- wrap : e -->
|
||||
<script src="/res/front/js/biz/home/index.js?v=${timestamp}"></script>
|
||||
<script src="/res/front/js/biz/home/home-common.js?v=${timestamp}"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user