Pārlūkot izejas kodu

수정된 퍼블 반영

gagamel 5 gadi atpakaļ
vecāks
revīzija
8143245e6b

+ 2 - 2
src/main/webapp/ux/mo/css/common_m.css

@@ -910,8 +910,8 @@ main.container .inner:last-child{padding-bottom: 6.0rem; margin-bottom: 0;}
 
 /* footer */
 footer{background-color: #f1f1f1;}
-footer .btn_top{position: fixed; bottom: 30px; right: 25px; opacity: 0; background-color: rgba(0, 0, 0, 0.4); width: 45px; height: 45px; border-radius: 50%; font-size: 0; z-index: 50;}
-footer .btn_top span{display: block; width: 24px; height: 24px; margin: 0 auto; position: relative;}
+footer .btn_top{position: fixed; bottom: 30px; right: 25px; opacity: 0; background-color: rgba(0, 0, 0, 0.4); width: 41px; height: 40px; font-size: 0; z-index: 50; background:url(/images/mo/mo_btn_top.png) no-repeat;}
+footer .btn_top span{display: block; width: 24px; height: 24px; margin: 0 auto; position: relative; opacity:0;}
 footer .btn_top span i{display: block; position: absolute; background: #fff;}
 footer .btn_top span i.gl1{left: 4px; top: 2px; width: 10px; height: 2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
 footer .btn_top span i.gl2{left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 2px; height: 20px;}

+ 49 - 2
src/main/webapp/ux/mo/css/layout_m.css

@@ -868,6 +868,53 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
 .br .brand_si .swiper-wrapper .swiper-slide:nth-child(odd){border-bottom:0rem none;}
 .Purchase_pop .select_custom .opt_price{font-size:1.2rem; color:#888888}
 .select_custom .combo .list>li[aria-disabled="true"] .opt_price{color:#bbb !important}
+/* 210428 */
+.cs_contactUs_my .form_field:first-of-type{margin:0;}
+.cs_contactUs_my .form_field .pics{position:absolute; top:0; left:0; z-index:2}
+.pop_detail .review_list {border-top:1px solid #ddd;}
+.pop_detail .review_list > ul > li {padding:3rem 0; border-bottom:1px solid #ddd; }
+.pop_detail .review_list > ul > li .review {}
+.pop_detail .review_list .review .info_box {}
+.pop_detail .review_list .review .info_box .star_score {float:left}
+.pop_detail .review_list .review .info_box .star_score .star {display:inline-block; position:relative; width:83px; height:1.3rem; background:#ddd;}
+.pop_detail .review_list .review .info_box .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url('/images/mo/star_empty_big.png') no-repeat 0 0; background-size:contain; image-rendering:pixelated;}
+.pop_detail .review_list .review .info_box .star_score .star .progbar {display:inline-block; height:100%; background:#fd4802; vertical-align:top;}
+.pop_detail .review_list .review .info_box .writer {float:right;}
+.pop_detail .review_list .review .info_box .writer span {position:relative; margin-left:1.1rem; padding-left:1.1rem; color:#888; font-size:1.1rem;}
+.pop_detail .review_list .review .info_box .writer span::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:8px; width:1px; background:#ddd;}
+.pop_detail .review_list .review .info_box .writer span:first-child {margin-left:0; padding-left:0}
+.pop_detail .review_list .review .info_box .writer span:first-child::after {display:none;}
+.pop_detail .review_list .review .response_box {margin-top:1.4rem;}
+.pop_detail .review_list .review .response_box > div:first-child {margin-top:0}
+.pop_detail .review_list .review .response_box > div dl div {display:flex; font-size:1.1rem;}
+.pop_detail .review_list .review .response_box > div dl div dt {width:4.5rem; color:#888}
+.pop_detail .review_list .review .response_box > div dl div dd {margin-left:1.2rem; color:#fd4802}
+.pop_detail .review_list .review .response_box2 {margin-top:1.4rem;}
+.pop_detail .review_list .review .response_box2 > div:first-child {margin-top:0; overflow:hidden;}
+.pop_detail .review_list .review .response_box2 > div dl div {float:left; width:50%; max-width:400px; display:flex; font-size:1.1rem;}
+.pop_detail .review_list .review .response_box2 > div dl div dt {position:relative; padding-left:0.8rem; color:#888}
+.pop_detail .review_list .review .response_box2 > div dl div dt:before{content:''; position:absolute; left:0; top:0.6rem; display:block; width:2px; height:2px; background-color:#888;}
+.pop_detail .review_list .review .response_box2 > div dl div dd {margin-left:1.2rem; color:#222}
+.pop_detail .review_list .review .info_box{line-height:1;}
+.pop_detail .review_list .review .photo_box {margin: 1rem -1.33rem 0;}
+.pop_detail .review_list .review .photo_box .photo_list {font-size:0; white-space:nowrap; overflow-x:auto;}
+.pop_detail .review_list .review .photo_box .photo_list > ul li {display:inline-block; margin-left:0.8rem; width:7.5rem; height:7.5rem;}
+.pop_detail .review_list .review .photo_box .photo_list > ul li:first-child{margin-left:1.33rem;}
+.pop_detail .review_list .review .photo_box .photo_list > ul li:last-child{margin-right:1.33rem;}
+.pop_detail .review_list .review .txt_review_box {margin-top:1.6rem; font-size:1.4rem; overflow:hidden; color:#000}
+.pop_detail .review_list .review .reply_box {margin-top:1.5rem; padding-top:1.5rem;}
+.pop_detail .review_list .review .reply_box .reply {position:relative; padding:2rem; background:#f5f5f5;}
+.pop_detail .review_list .review .reply_box .reply::after {content:''; position:absolute; left:0px; top:-1.5rem; width:0px; height:0px; border:1.5rem solid #f5f5f5; border-top-color:transparent; border-right-color:transparent;}
+.pop_detail .review_list .review .reply_box .reply .reply_writer {}
+.pop_detail .review_list .review .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
+.pop_detail .review_list .review .reply_box .reply .reply_writer .wr_name {padding-left:2.2rem; font-size:1.3rem; font-weight:300;}
+.pop_detail .review_list .review .reply_box .reply .reply_writer .wr_name::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.5rem; height:1.5rem; background:url('/images/mo/ico_admin.png') no-repeat 0 0; background-size:contain;}
+.pop_detail .review_list .review .reply_box .reply .reply_writer .wr_date {padding-left:1rem; margin-left:1rem; font-size:1.1rem; color:#888; font-size:200;}
+.pop_detail .review_list .review .reply_box .reply .reply_writer .wr_date::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:1.2rem; width:1px; background:#ddd;}
+.pop_detail .review_list .review .reply_box .reply .reply_txt {margin-top:1.2rem; color:#666; font-size:1.3rem;}
+.modal.photo_comment_popup.pd_bestreviewdetail_pop .modal-body .pop_cont{padding-top:0 !important;}
+.modal.photo_comment_popup.pd_bestreviewdetail_pop .pop_detail .review_list{border:0px none;}
+.modal.photo_comment_popup.pd_bestreviewdetail_pop .pop_detail .review_list ul li{padding:0;}
 
 
 
@@ -1151,12 +1198,12 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
 .modal.pd_pop.pd_qnalist_pop .modal-body{position:relative; margin:auto; padding:9.3rem 0 3rem;}
 .modal.pd_pop.pd_qnalist_pop .ui_row{margin:0 -1.33rem!important; width:auto;}
 .modal.pd_pop.pd_qnalist_pop .pd_qnalist > .btn_group_flex{position:fixed; width: 100%; bottom: 0; margin-top: 0;}
-.pd_qnalist .qna_list .foldGroup {margin-bottom:0;}
+.pd_qnalist .qna_list .foldGroup {margin-bottom:2rem;}
 .pd_qnalist .qna_list {margin-top:3rem;}
 .pd_qnalist .qna_list .form_field input[type="checkbox"] + label {line-height:1;}
 .pd_qnalist .qna_list .form_field input[type="checkbox"] + label:before,
 .pd_qnalist .qna_list .form_field input[type="checkbox"] + label:after {top:50%; transform:translateY(-50%); margin-top:0;}
-.pd_qnalist .qna_list .foldGroup .fold_head a{padding: 1.4rem 1.33rem; border-bottom:0.1rem solid #E5E5E5;}
+.pd_qnalist .qna_list .foldGroup .fold_head a{padding: 1.4rem 3rem; border-bottom:0.1rem solid #E5E5E5;}
 .pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico {display:inline-block; width:auto; height:auto; vertical-align:middle;}
 .pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico_myqna::after {content:'내문의'; display:inline-block; margin-right:1rem; color:#fd4802; font-size:1.1rem; text-align:center; box-sizing:border-box; line-height:20px;}
 .pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico_secret::after {content:''; display:inline-block; margin-right:1rem; width:1.2rem; height:1.2rem; background:url('/images/mo/ico_secret.png') no-repeat 50% 50%; background-size:contain;}

+ 5 - 0
src/main/webapp/ux/mo/css/style24_m.css

@@ -1888,6 +1888,9 @@ background-size:100%;}
 
 .adrsChange_Pop .modal-footer .btn {height: 4.5rem; font-size: 1.4rem;}
 .adrsChange_Pop .modal-body .pop_cont {font-size: 1.4rem; line-height: 1.4;}
+.adrsChange_Pop .modal-body .pop_cont .empty_txt {display: none;}
+.adrsChange_Pop .modal-body .pop_cont.nodata .delivery_list {display: none;}
+.adrsChange_Pop .modal-body .pop_cont.nodata .empty_txt {display: block; padding:14rem 0 11rem; font-size: 1.3rem; color: #222; text-align: center; font-weight: 300;}
 .adrsChange_Pop .badge_wrap {display: inline-block;}
 .adrsChange_Pop .order_badge {font-size: 1rem; color: #666; font-weight: 300; border:1px solid #888; padding:0.4rem 0.4rem 0.25rem; margin-left: 1px; vertical-align: middle;}
 .adrsChange_Pop .order_bullet_badge {color: #fd4802; border:1px solid #fd4802;}
@@ -2203,6 +2206,8 @@ background-size:100%;}
 .od .ship_info .select_dress {padding:1.1rem 1.5rem;}
 .od .ship_info .select_options li {padding: 1rem 0;}
 
+.od .ship_info.none p {padding-top: 0.5rem; color: #222; font-weight: 300;}
+
 /* od_nonMb_order.html */
 .od .nonMBorder {}
 .od .nonMBorder .inner:first-child, .od .nonMBorder .inner:last-child {margin-top: -1.2rem;}

+ 11 - 5
src/main/webapp/ux/mo/js/common_m.js

@@ -156,7 +156,7 @@ $(document).ready(function() {
                         $("<span class=\"pics\">" +
                             "<img class=\"picsThumbs\" src=\"" + e.target.result + "\" title=\"" + file.name + "\"/>" +
                             "<span class=\"removes\">Removes image</span>" +
-                            "</span>").insertBefore(".fileAdd");
+                            "</span>").insertBefore("#fileAdd");
                         $(".removes").click(function(){
                             $(this).parent(".pics").remove();
                         });
@@ -881,20 +881,26 @@ $( document ).ready( function() {
         $('.htop h1').css({"display": "none"});
         $('.htop .search').css({"display": "none"});
     };  
-    
-        /* 고객센터_accordion */
+        /* 210428_수정 : 아코디언 */
         $(document).on('click','.cs .foldGroup .fold_head, .my .foldGroup .fold_head',function(e){
-            $(this).parents('.foldGroup li').find('.fold_cont').slideToggle(100);
             $(this).toggleClass('on');
-            return false;
+            $(this).siblings('.fold_cont').slideToggle(100);
+            $(this).parents('li').siblings('li').find('.fold_head').removeClass('on');
+            $(this).parents('li').siblings('li').find('.fold_cont').slideUp(100);
         });
+        /* //210428_수정 : 아코디언 */
 
         /* 주문결제_accordion */
+        /* 210428_수정 : 아코디언 */
         $(document).on('click','.od .foldGroup .fold_head .fold_tit',function(e){	
             $(this).parents('.foldGroup li').find('.fold_cont').slideToggle(100);
             $(this).parents('.fold_head').toggleClass('on');
+
+            $(this).parents('.inner').siblings('.inner').find('.fold_head').removeClass('on');
+            $(this).parents('.inner').siblings('.inner').find('.fold_cont').slideUp(100);
             return false;
         });
+        /* 210428_수정 : 아코디언 */
 
         /* 상품문의_accordion */
         $(document).on('click','.pd_qnalist .fold_head .fold_tit',function(e){