提交 05441b5f 编写于 作者: G gongfuxiang

细节优化

上级 64effe53
......@@ -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',
),
);
?>
\ No newline at end of file
......@@ -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() {
$(".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() {
// 取消条件/移除条件
$(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"});
});
// 导航显示/隐藏处理
function search_nav()
......@@ -134,7 +135,14 @@ $(function()
// 浏览器窗口实时事件
$(window).resize(function()
{
// 导航
search_nav();
// 条件筛选
if($(document).width() >= 640)
{
$('.dd-conent').show();
}
});
search_nav();
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册