포토리뷰 작업 중
This commit is contained in:
@@ -414,6 +414,7 @@
|
||||
<li class="swiper-slide"><a href="../mypage/my-product-list.html">이용중인 사양</a></li>
|
||||
<li class="swiper-slide"><a href="../mypage/payment-history-list.html">결제내역</a></li>
|
||||
<li class="swiper-slide"><a href="../mypage/wish-list.html">위시리스트</a></li>
|
||||
<li class="swiper-slide"><a href="../mypage/review-list.html" class="on">리뷰관리</a></li>
|
||||
<li class="swiper-slide"><a href="../mypage/coupon-list.html">쿠폰내역</a></li>
|
||||
<li class="swiper-slide"><a href="../mypage/notification-list.html">알림내역</a></li>
|
||||
<li class="swiper-slide"><a href="../mypage/inquiry-list.html">문의내역</a></li>
|
||||
@@ -427,12 +428,12 @@
|
||||
<h2>상품 리뷰</h2>
|
||||
</div>
|
||||
<div class="tabWarp">
|
||||
<a href="">
|
||||
<a href="review-list.html">
|
||||
<p>
|
||||
<span>작성 가능한 리뷰</span>
|
||||
</p>
|
||||
</a>
|
||||
<a href="" class="tabActive">
|
||||
<a href="review-manage.html" class="tabActive">
|
||||
<p>
|
||||
<span>내 리뷰 관리</span>
|
||||
</p>
|
||||
@@ -440,10 +441,22 @@
|
||||
</div>
|
||||
|
||||
<div class="myItemWarp">
|
||||
<div class="productListWarp">
|
||||
<div class="searchBox reviewSearchBox">
|
||||
<div class="selectInner">
|
||||
<div class="cont-select">
|
||||
<button class="btn-select">최신순</button>
|
||||
<ul class="list-member">
|
||||
<li><button type="button">최신순</button></li>
|
||||
<li><button type="button">인기순</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="productListWarp reviewListWrap">
|
||||
<div class="productLis">
|
||||
<ul>
|
||||
<li>
|
||||
<!-- [D] 베스트 리뷰 best 클래스 추가 -->
|
||||
<li class="best">
|
||||
<div class="cartItemWrap">
|
||||
<div class="cartItem">
|
||||
<div class="cartItemInfo">
|
||||
@@ -453,28 +466,82 @@
|
||||
</p>
|
||||
<dl>
|
||||
<dd>
|
||||
<span>구매일 2022-03-09</span>
|
||||
<span>구매일 2022.03.09</span>
|
||||
</dd>
|
||||
<dt>Kia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LED</dt>
|
||||
<dd>더 특별하게 더 반짝이게더 특별하게 더 반짝이게더 특별하게 더 반짝이게더 특별하게 더 반짝이게더 특별하게 더 반짝이게</dd>
|
||||
<dt>마블 어벤져스 디스플레이 테마</dt>
|
||||
<dd>마블 어벤저스 코믹스 / EV9</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="componentsReview">
|
||||
<div class="componentsReview reviewItem">
|
||||
<div class="componentsReview-heder">
|
||||
<div class="date">작성일 2022-03-09</div>
|
||||
<a href="javascript:;" class="reviewBtn active">
|
||||
<div class="date">등록일 2023.05.26</div>
|
||||
<span class="reviewBtn active">
|
||||
<i class="icon-good"></i>
|
||||
<span class="goodNum">25</span>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
<div class="contents">사용해보니 너무 좋아요. 가격도 적당한 것 같고요. 계속 좋은 상품 개발해 주세요.사용해보니 너무 좋아요. 가격도 적당한 것 같고요. 계속 좋은 상품 개발해 주세요.</div>
|
||||
<div class="contents">사용해보니 너무 좋아요. 가격도 적당한 것 같고요. 계속 좋은 사양 개발해 주세요. 사용해보니 너무 좋아요. 가격도 적당한 것 같고요. 계속 좋은 사양 개발해 주세요. 사용해보니 너무 좋아요. 가격도 적당한 것 같고요. 계속 좋은 사도 적당한 것 같고요. 계속 좋은 사양 개도 적당한 것 같고요. 계속 좋은 사양 개도 적당한도 적당한 것 같고요. 계속 좋은 사양 개도 적당한 것 같고요. 계속 좋은 사양 개도 적당한 것 같고요. 계속 좋은 사양 개도 적당한 것 같고요. 계속 좋은 사양 개것 같고요. 계속 좋은 사양 개양 개발해 주세요. 사용해보니 너무 좋아요. 가격도 적당한 것 같고요. 계속 좋은 사양 개발해 주세요.</div>
|
||||
<button class="contentMoreBtn">더보기</button>
|
||||
|
||||
<div class="photoArea">
|
||||
<div class="photoItem">
|
||||
<img src="../assets/images/kia/product-img/phptoreview-temp1-1.jpg" alt="리뷰 이미지" />
|
||||
</div>
|
||||
<div class="photoItem">
|
||||
<img src="../assets/images/kia/product-img/phptoreview-temp1-2.jpg" alt="리뷰 이미지" />
|
||||
</div>
|
||||
<div class="photoItem">
|
||||
<img src="../assets/images/kia/product-img/phptoreview-temp1-3.jpg" alt="리뷰 이미지" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="carswBtn">
|
||||
<div class="towButton">
|
||||
<button class="btn-text"><p>수정하기</p></button>
|
||||
<button class="btn-text"><p>삭제하기</p></button>
|
||||
<button class="btn-text" onclick="location.href='./review-modify.html';"><p>수정하기</p></button>
|
||||
<button class="btn-text" onClick="open_layer_popup('confirm_del');"><p>삭제하기</p></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- [D] 미게시 리뷰 unpublished 클래스 추가 -->
|
||||
<li class="unpublished">
|
||||
<div class="cartItemWrap">
|
||||
<div class="cartItem">
|
||||
<div class="cartItemInfo">
|
||||
<div>
|
||||
<p>
|
||||
<img src="../assets/images/kia/product-img/phptoreview-temp9.jpg" alt="이미지 상품명" />
|
||||
</p>
|
||||
<dl>
|
||||
<dd>
|
||||
<span>구매일 2022.03.09</span>
|
||||
</dd>
|
||||
<dt>마블 어벤져스 디스플레이 테마</dt>
|
||||
<dd>마블 어벤저스 코믹스 / EV9</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="componentsReview reviewItem">
|
||||
<div class="componentsReview-heder">
|
||||
<div class="date">등록일 2023.05.26</div>
|
||||
<span class="reviewBtn active">
|
||||
<i class="icon-good"></i>
|
||||
<span class="goodNum">100</span>
|
||||
</span>
|
||||
<span class="reason">관리자에 의해 비노출처리된 리뷰입니다.</span>
|
||||
</div>
|
||||
<div class="contents">사용해보니 너무 좋아요. 가격도 적당한 것 같고요. 계속 좋은 사양 개발해 주세요. 사용해보니 너무 좋아요. 가격도 적당한 것 같고요</div>
|
||||
<button class="contentMoreBtn">더보기</button>
|
||||
|
||||
<div class="carswBtn">
|
||||
<div class="towButton">
|
||||
<button class="btn-text" onclick="location.href='./review-modify.html';"><p>수정하기</p></button>
|
||||
<button class="btn-text" onClick="open_layer_popup('confirm_del');"><p>삭제하기</p></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -485,26 +552,34 @@
|
||||
<div class="cartItemInfo">
|
||||
<div>
|
||||
<p>
|
||||
<img src="../assets/images/kia/product-img/producy-temp2.png" alt="이미지 상품명" />
|
||||
<img src="../assets/images/kia/product-img/phptoreview-temp9.jpg" alt="이미지 상품명" />
|
||||
</p>
|
||||
<dl>
|
||||
<dd>
|
||||
<span>구매일 2022-03-09</span>
|
||||
<span>구매일 2022.03.09</span>
|
||||
</dd>
|
||||
<dt>Kia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LED</dt>
|
||||
<dd>더 특별하게 더 반짝이게더 특별하게 더 반짝이게더 특별하게 더 반짝이게더 특별하게 더 반짝이게더 특별하게 더 반짝이게</dd>
|
||||
<dt>마블 어벤져스 디스플레이 테마</dt>
|
||||
<dd>마블 어벤저스 코믹스 / EV9</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="componentsReview">
|
||||
<div class="date">작성일 2022-03-09</div>
|
||||
<div class="contents">인류의 만천하의 든 하는 풀이 것이다. 사라지지 따뜻한 천지는 인생에 부패뿐이다. 그들은 내려온 가슴이 있는 심장의 사막이다. 수 뭇 인간의 이것이다. 고행을 두기 길지 이 착목한는 능히 이상의 없는 있을 사막이다. 못할 관현악이며, 청춘은 봄바람을 황금시대의 이것이다. 꽃이 안고, 되는 것이다. 방황하였으며, 발휘하기 영락과 이성은 옷을 가지에 뛰노는 속잎나고, 황금시대다. 장식하는 날카로우나 인생에 얼마나 있음으로써 있다.</div>
|
||||
<div class="componentsReview reviewItem">
|
||||
<div class="componentsReview-heder">
|
||||
<div class="date">등록일 2023.05.26</div>
|
||||
<span class="reviewBtn active">
|
||||
<i class="icon-good"></i>
|
||||
<span class="goodNum">100</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="contents">사용해보니 너무 좋아요. 가격도 적당한 것 같고요. 계속 좋은 사양 개발해 주세요. 사용해보니 너무 좋아요. 가격도 적당한 것 같고요. 계속 좋은 사양 개발해 주세요. 사용해보니 너무 좋아요. 가격도 적당한 것 같고요. 계속 좋은 사도 적당한 것 같고요.</div>
|
||||
<button class="contentMoreBtn">더보기</button>
|
||||
|
||||
<div class="carswBtn">
|
||||
<div class="towButton">
|
||||
<a href="" class="cartBtn leftBtn"><p>수정하기</p></a>
|
||||
<a href="" class="PurchaseBtn rightBtn"><p>삭제하기</p></a>
|
||||
<button class="btn-text" onclick="location.href='./review-modify.html';"><p>수정하기</p></button>
|
||||
<button class="btn-text" onClick="open_layer_popup('confirm_del');"><p>삭제하기</p></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -648,6 +723,42 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="confirm_del" class="popupWarp" style="display: none">
|
||||
<div class="popInner confirmPopup">
|
||||
<div class="popContents">
|
||||
<p>해당 리뷰를 삭제하시겠습니까?</p>
|
||||
<div>
|
||||
<div class="towButton">
|
||||
<button class="cartBtn leftBtn" onClick="close_layer_popup('confirm_del');"><p>취소</p></button>
|
||||
<button class="PurchaseBtn rightBtn"><p>확인</p></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--//footer-->
|
||||
<script>
|
||||
//아래 함수는 리뷰 글자가 반응형 관계없이 3줄이 넘어가는 경우 "더보기" 기능이 작동하도록 구성된 함수입니다. 해당 위치에 유지해주시면 됩니다.
|
||||
more_contents_chk();
|
||||
|
||||
$(document).ready(function () {
|
||||
const btn = $(".selectInner").find(".btn-select");
|
||||
const list = $(".selectInner").find(".list-member");
|
||||
$(document).on("click", ".selectInner .btn-select", function () {
|
||||
$(this).toggleClass("on");
|
||||
});
|
||||
$(document).on("click", ".selectInner .list-member li button", function (event) {
|
||||
// if (event.target.nodeName === "BUTTON") {
|
||||
// btn.html(event.target.innerText);
|
||||
// btn.removeClass("on");
|
||||
// }
|
||||
const targetText = $(this).text();
|
||||
$(this).closest(".cont-select").find(".btn-select").text(targetText).removeClass("on");
|
||||
$(this).closest("ul").find("li").removeClass("active");
|
||||
$(this).parent("li").addClass("active");
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user