sileya-ai
/
vr-shopxo-source
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

细节优化

feat/task1-c-wallet
devil 2020-08-16 20:00:29 +08:00
parent 364c0f548d
commit f8719f539d
4 changed files with 31 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
application/index/view/default/goods/index.html
View File

@ -242,7 +242,7 @@
<!--各种规格-->
{{if $goods['is_shelves'] == 1 and $goods['inventory'] gt 0}}
<dl class="iteminfo_parameter sys_item_specpara">
<dt class="buy-event login-event" data-type="buy">
<dt class="buy-event mini-spec-event" data-type="buy">
<div class="cart-title">
<span class="specpara-title">可选规格</span>
<span class="am-icon-angle-right"></span>

4
public/static/index/default/css/goods.css
View File

@ -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; }

6
public/static/index/default/css/index.css
View File

@ -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; }
}

29
public/static/index/default/js/goods.js
View File

@ -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();