细节优化
parent
64effe53c8
commit
05441b5fd9
|
|
@ -98,7 +98,6 @@
|
|||
</dd>
|
||||
</div>
|
||||
<div class="goods-qrcode am-hide-sm-only">
|
||||
<span>手机扫一扫购买</span>
|
||||
<i class="am-icon-qrcode am-icon-sm"></i>
|
||||
<img class="qrcode-images am-img-thumbnail" src="{{$qrcode_url}}" />
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -46,7 +46,7 @@
|
|||
</dl>
|
||||
</li>
|
||||
<li class="select-list">
|
||||
<dl id="screening-category-dl">
|
||||
<dl>
|
||||
<dt class="am-badge am-round">分类</dt>
|
||||
<div class="dd-conent" data-selected-tag="screening-category">
|
||||
<dd class="select-all selected"><a href="javascript:;">不限</a></dd>
|
||||
|
|
|
|||
|
|
@ -48,17 +48,14 @@ return array (
|
|||
'plugins_css' =>
|
||||
array (
|
||||
0 => 'app\\plugins\\commonrightnavigation\\Hook',
|
||||
1 => 'app\\plugins\\commononlineservice\\Hook',
|
||||
),
|
||||
'plugins_js' =>
|
||||
array (
|
||||
0 => 'app\\plugins\\commonrightnavigation\\Hook',
|
||||
1 => 'app\\plugins\\commononlineservice\\Hook',
|
||||
),
|
||||
'plugins_view_common_bottom' =>
|
||||
array (
|
||||
0 => 'app\\plugins\\commonrightnavigation\\Hook',
|
||||
1 => 'app\\plugins\\commononlineservice\\Hook',
|
||||
),
|
||||
);
|
||||
?>
|
||||
|
|
@ -7,7 +7,7 @@ dl,dt,dd{ margin:0px auto; padding:0px;}
|
|||
img{ max-width:100%;}
|
||||
.price{color: #e4393c;font-weight: 600;}
|
||||
|
||||
.theme-popover {z-index: 1009;overflow:visible;background:#fff; width: 100%; }
|
||||
.theme-popover {z-index: 1011;overflow:visible;background:#fff; width: 100%; }
|
||||
.sort-nav a:hover, .sort-nav a:focus { color: #d2364c; }
|
||||
.select .title-tips { font-size: 12px; color: #888; }
|
||||
.select .title-tips strong { font-weight: 500; color: #fe90a0; }
|
||||
|
|
@ -54,7 +54,7 @@ dl#select2 .dd-conent{ left:-100%; right:-100%;}
|
|||
dl#select3 .dd-conent{ left:-200%; right:0px;}
|
||||
|
||||
.search-content .am-badge{font-size:12px ;padding:0px 0px;background-color: #999999;color: #ffffff;}
|
||||
.theme-popover-mask{z-index:5;width: 100%;height: auto;position:fixed ;background:#000 ;top:0;opacity: 0.6;bottom: 0;}
|
||||
.theme-popover-mask{z-index:1001;width: 100%;height: auto;position:fixed ;background:#000 ;top:0;opacity: 0.6;bottom: 0;}
|
||||
|
||||
/*搜索结果*/
|
||||
.i-pic.limit {margin:5px;border: 1px #e8e8e8 solid;overflow: hidden;position: relative;cursor: pointer;}
|
||||
|
|
|
|||
|
|
@ -70,42 +70,43 @@ $(function()
|
|||
get_goods_list(1);
|
||||
});
|
||||
|
||||
|
||||
var hh = document.documentElement.clientHeight;
|
||||
var ls = document.documentElement.clientWidth;
|
||||
if (ls < 640)
|
||||
// 条件分类组筛选
|
||||
$(".select dt").on('click', function()
|
||||
{
|
||||
$(".select dt").on('click', function() {
|
||||
if($(window).width() < 640)
|
||||
{
|
||||
$('body,html').scrollTop(0);
|
||||
$(this).next('div.dd-conent').css('top', ($(this).offset().top+33)+'px')
|
||||
|
||||
$(this).next('div.dd-conent').css('top', ($('.theme-popover').height())+'px');
|
||||
if ($(this).next('div.dd-conent').css("display") == 'none') {
|
||||
$(".theme-popover-mask").show();
|
||||
$(".theme-popover").css({"position":"fixed", "top":0, "padding-top":"46px"});
|
||||
$(".theme-popover").css({"position":"fixed", "top":0});
|
||||
$(this).next('div.dd-conent').slideToggle(300);
|
||||
$('.select div.dd-conent').not($(this).next()).hide();
|
||||
} else {
|
||||
$(this).next('div.dd-conent').slideUp(300);
|
||||
$(".theme-popover-mask").hide();
|
||||
$(".theme-popover").css({"position":"static", "top":0, "padding-top":"0"});
|
||||
$(".theme-popover").css({"position":"static", "top":0});
|
||||
}
|
||||
})
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on("click", ".screening-remove-submit", function() {
|
||||
$(".dd-conent").slideUp(300);
|
||||
})
|
||||
|
||||
$(document).on("click", ".select dd", function() {
|
||||
// 取消条件/移除条件
|
||||
$(document).on("click", ".select dd, .screening-remove-submit", function()
|
||||
{
|
||||
if($(document).width() < 640)
|
||||
{
|
||||
$(".dd-conent").slideUp(300);
|
||||
$(".theme-popover-mask").hide();
|
||||
$(".theme-popover").css({"position":"static", "top":0, "padding-top":"0"});
|
||||
});
|
||||
$(document).on("click", ".theme-popover-mask", function() {
|
||||
$(".dd-conent").slideUp(300);
|
||||
$(".theme-popover-mask").hide();
|
||||
$(".theme-popover").css({"position":"static", "top":0, "padding-top":"0"});
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
$(document).on("click", ".theme-popover-mask", function()
|
||||
{
|
||||
$(".dd-conent").slideUp(300);
|
||||
$(".theme-popover-mask").hide();
|
||||
$(".theme-popover").css({"position":"static", "top":0, "padding-top":"0"});
|
||||
});
|
||||
|
||||
|
||||
// 导航显示/隐藏处理
|
||||
function search_nav()
|
||||
|
|
@ -134,7 +135,14 @@ $(function()
|
|||
// 浏览器窗口实时事件
|
||||
$(window).resize(function()
|
||||
{
|
||||
// 导航
|
||||
search_nav();
|
||||
|
||||
// 条件筛选
|
||||
if($(document).width() >= 640)
|
||||
{
|
||||
$('.dd-conent').show();
|
||||
}
|
||||
});
|
||||
search_nav();
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue