From f8719f539d6e08cccbf4734265308eb927f5e67e Mon Sep 17 00:00:00 2001 From: devil Date: Sun, 16 Aug 2020 20:00:29 +0800 Subject: [PATCH] =?UTF-8?q?=E7=BB=86=E8=8A=82=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../index/view/default/goods/index.html | 2 +- public/static/index/default/css/goods.css | 4 +-- public/static/index/default/css/index.css | 6 ++-- public/static/index/default/js/goods.js | 29 +++++++++++++++---- 4 files changed, 31 insertions(+), 10 deletions(-) diff --git a/application/index/view/default/goods/index.html b/application/index/view/default/goods/index.html index a8343456f..d2b205122 100755 --- a/application/index/view/default/goods/index.html +++ b/application/index/view/default/goods/index.html @@ -242,7 +242,7 @@ {{if $goods['is_shelves'] == 1 and $goods['inventory'] gt 0}}
-
可选规格 diff --git a/public/static/index/default/css/goods.css b/public/static/index/default/css/goods.css index b56cc3a83..33291de27 100755 --- a/public/static/index/default/css/goods.css +++ b/public/static/index/default/css/goods.css @@ -149,7 +149,6 @@ fieldset legend{margin-left:15px;padding-left:3px;padding-right:3px;color:#333;} .introduce-main .am-nav-tabs > li {border-top: 2px solid #f5f5f5;} .introduce-main .am-nav-tabs > li.am-active { border-bottom: 2px solid #F03726; } - /*导航*/ .introduce ul.am-tabs-nav.am-nav.am-nav-tabs {background: #F5F5F5;} .introduce .am-nav-tabs, .introduce .am-tabs-bd{border-color:transparent ;} @@ -176,6 +175,7 @@ fieldset legend{margin-left:15px;padding-left:3px;padding-right:3px;color:#333;} /*商品详细页*/ .simple-desc { color: #f00; } +.tb-detail-hd h1, .simple-desc { word-break: break-all; } /*价格*/ .tb-detail-price{text-align: left; position: relative;} @@ -368,7 +368,7 @@ ul.detail-attr li {height: 26px;overflow: hidden;line-height: 26px;vertical-alig .theme-options ul{overflow: hidden;float: none;} .theme-signin-left {max-width:100%;margin-bottom: 0;} .theme-signin-left .sku-line{cursor: pointer; } - .theme-signin-left .cart-title{margin-left: -46px;font-size:12px ;font-weight: 100;color:#888 ;float: left;} + .theme-signin-left .cart-title{margin-left: -46px;font-size:12px ;font-weight: 100;float: left;} .scoll{display: none;} .item-inform{max-width:1000px; background:#fff; margin-top: 20px; margin-bottom: 30px; } diff --git a/public/static/index/default/css/index.css b/public/static/index/default/css/index.css index bb65d3bf1..fa23461ca 100755 --- a/public/static/index/default/css/index.css +++ b/public/static/index/default/css/index.css @@ -44,6 +44,10 @@ text-align: center;float:none} /*楼层商品*/ .floor .goods-list .goods-items { background-color: #fff; position: relative; overflow: hidden; } .floor li {width: 50%;float: left;text-align: center;} +.floor .goods-list .goods-items .goods-images, +.aggregation .outer-con img, +.small-nav img { max-width: 100%; } +.floor .goods-list .goods-items .goods-images{ padding: 10px; } @media only screen and (min-width: 480px) { .small-nav img{max-width: 100%;max-height: 100%;} .small-nav{ font-size:14px;} @@ -74,7 +78,6 @@ text-align: center;float:none} .outer-con .describe {font-size: 14px;font-weight: 600;} .goods-title, .outer-con .price { font-size: 14px; } .floor .goods-list .goods-items { float: left; width: 25%; padding: 10px 15px; border-right: 1px solid; border-bottom: 1px solid; border-color: #eee; } - .floor .goods-list .goods-items .goods-images { max-width: 100%; padding: 10px; } .floor .aggregation img {position: absolute;top:auto;left:0;bottom:0;max-width: 100%;} /*楼层 hover*/ @@ -176,7 +179,6 @@ text-align: center;float:none} .aggregation .word { padding: 10px; } .word .outer { width: calc(33% - 12px); } .floor .goods-list .goods-items { width: 50%; float: left; padding: 10px; border-bottom: 1px solid #eee; } - .floor .goods-list .goods-items .goods-images { padding: 10px; } .floor .goods-list .goods-items:nth-of-type(2n + 1) { border-right: 1px solid #eee; } .floor .goods-list .goods-items:nth-of-type(2n) { border-left: 1px solid transparent; } } \ No newline at end of file diff --git a/public/static/index/default/js/goods.js b/public/static/index/default/js/goods.js index ab78fad33..b4ca2eb7d 100755 --- a/public/static/index/default/js/goods.js +++ b/public/static/index/default/js/goods.js @@ -388,6 +388,23 @@ function GoodsBaseRestore() } } +/** + * 规格选择显示 + * @author Devil + * @blog http://gong.gg/ + * @version 1.0.0 + * @date 2020-08-16 + * @desc description + */ +function SpecPopupShow() +{ + $(document.body).css('position', 'fixed'); + $('.theme-popover-mask').show(); + $('.theme-popover').slideDown(200); + + $('.theme-popover .confirm').attr('data-type', $(this).data('type')); +} + $(function() { // 商品规格选择 $('.theme-options').each(function() @@ -472,17 +489,19 @@ $(function() { $('.jqzoom').attr('rel', $(this).find('img').attr('big')); }); + // 规格选择显示事件 + $('.mini-spec-event').on('click', function() + { + SpecPopupShow(); + }); + //弹出规格选择 $('.buy-event').on('click', function() { if($(window).width() < 1025) { // 是否登录 if(__user_id__ != 0) { - $(document.body).css('position', 'fixed'); - $('.theme-popover-mask').show(); - $('.theme-popover').slideDown(200); - - $('.theme-popover .confirm').attr('data-type', $(this).data('type')); + SpecPopupShow(); } } else { PoptitPcShow(); -- GitLab