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

细节优化

上级 64effe53
...@@ -98,7 +98,6 @@ ...@@ -98,7 +98,6 @@
</dd> </dd>
</div> </div>
<div class="goods-qrcode am-hide-sm-only"> <div class="goods-qrcode am-hide-sm-only">
<span>手机扫一扫购买</span>
<i class="am-icon-qrcode am-icon-sm"></i> <i class="am-icon-qrcode am-icon-sm"></i>
<img class="qrcode-images am-img-thumbnail" src="{{$qrcode_url}}" /> <img class="qrcode-images am-img-thumbnail" src="{{$qrcode_url}}" />
</div> </div>
......
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
</dl> </dl>
</li> </li>
<li class="select-list"> <li class="select-list">
<dl id="screening-category-dl"> <dl>
<dt class="am-badge am-round">分类</dt> <dt class="am-badge am-round">分类</dt>
<div class="dd-conent" data-selected-tag="screening-category"> <div class="dd-conent" data-selected-tag="screening-category">
<dd class="select-all selected"><a href="javascript:;">不限</a></dd> <dd class="select-all selected"><a href="javascript:;">不限</a></dd>
......
...@@ -48,17 +48,14 @@ return array ( ...@@ -48,17 +48,14 @@ return array (
'plugins_css' => 'plugins_css' =>
array ( array (
0 => 'app\\plugins\\commonrightnavigation\\Hook', 0 => 'app\\plugins\\commonrightnavigation\\Hook',
1 => 'app\\plugins\\commononlineservice\\Hook',
), ),
'plugins_js' => 'plugins_js' =>
array ( array (
0 => 'app\\plugins\\commonrightnavigation\\Hook', 0 => 'app\\plugins\\commonrightnavigation\\Hook',
1 => 'app\\plugins\\commononlineservice\\Hook',
), ),
'plugins_view_common_bottom' => 'plugins_view_common_bottom' =>
array ( array (
0 => 'app\\plugins\\commonrightnavigation\\Hook', 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;} ...@@ -7,7 +7,7 @@ dl,dt,dd{ margin:0px auto; padding:0px;}
img{ max-width:100%;} img{ max-width:100%;}
.price{color: #e4393c;font-weight: 600;} .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; } .sort-nav a:hover, .sort-nav a:focus { color: #d2364c; }
.select .title-tips { font-size: 12px; color: #888; } .select .title-tips { font-size: 12px; color: #888; }
.select .title-tips strong { font-weight: 500; color: #fe90a0; } .select .title-tips strong { font-weight: 500; color: #fe90a0; }
...@@ -54,7 +54,7 @@ dl#select2 .dd-conent{ left:-100%; right:-100%;} ...@@ -54,7 +54,7 @@ dl#select2 .dd-conent{ left:-100%; right:-100%;}
dl#select3 .dd-conent{ left:-200%; right:0px;} dl#select3 .dd-conent{ left:-200%; right:0px;}
.search-content .am-badge{font-size:12px ;padding:0px 0px;background-color: #999999;color: #ffffff;} .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;} .i-pic.limit {margin:5px;border: 1px #e8e8e8 solid;overflow: hidden;position: relative;cursor: pointer;}
......
...@@ -70,42 +70,43 @@ $(function() ...@@ -70,42 +70,43 @@ $(function()
get_goods_list(1); get_goods_list(1);
}); });
// 条件分类组筛选
var hh = document.documentElement.clientHeight; $(".select dt").on('click', function()
var ls = document.documentElement.clientWidth;
if (ls < 640)
{ {
$(".select dt").on('click', function() { if($(window).width() < 640)
{
$('body,html').scrollTop(0); $('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') { if ($(this).next('div.dd-conent').css("display") == 'none') {
$(".theme-popover-mask").show(); $(".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); $(this).next('div.dd-conent').slideToggle(300);
$('.select div.dd-conent').not($(this).next()).hide(); $('.select div.dd-conent').not($(this).next()).hide();
} else { } else {
$(this).next('div.dd-conent').slideUp(300); $(this).next('div.dd-conent').slideUp(300);
$(".theme-popover-mask").hide(); $(".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); $(document).on("click", ".select dd, .screening-remove-submit", function()
$(".theme-popover-mask").hide(); {
$(".theme-popover").css({"position":"static", "top":0, "padding-top":"0"}); if($(document).width() < 640)
}); {
$(document).on("click", ".theme-popover-mask", function() {
$(".dd-conent").slideUp(300); $(".dd-conent").slideUp(300);
$(".theme-popover-mask").hide(); $(".theme-popover-mask").hide();
$(".theme-popover").css({"position":"static", "top":0, "padding-top":"0"}); $(".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() function search_nav()
...@@ -134,7 +135,14 @@ $(function() ...@@ -134,7 +135,14 @@ $(function()
// 浏览器窗口实时事件 // 浏览器窗口实时事件
$(window).resize(function() $(window).resize(function()
{ {
// 导航
search_nav(); search_nav();
// 条件筛选
if($(document).width() >= 640)
{
$('.dd-conent').show();
}
}); });
search_nav(); search_nav();
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册