diff --git a/app/index/view/default/search/index.html b/app/index/view/default/search/index.html index bfc6af57e..1f4039c60 100755 --- a/app/index/view/default/search/index.html +++ b/app/index/view/default/search/index.html @@ -154,6 +154,10 @@ {{/foreach}} +
+ 更多 + +
{{/if}} @@ -171,6 +175,10 @@ {{/foreach}} +
+ 更多 + +
{{/if}} @@ -187,6 +195,10 @@ {{/foreach}} +
+ 更多 + +
{{/if}} @@ -203,6 +215,10 @@ {{/foreach}} +
+ 更多 + +
{{/if}} @@ -219,6 +235,10 @@ {{/foreach}} +
+ 更多 + +
{{/if}} diff --git a/public/static/index/default/css/search.css b/public/static/index/default/css/search.css index 183f5dd98..4aa7bd71f 100755 --- a/public/static/index/default/css/search.css +++ b/public/static/index/default/css/search.css @@ -35,9 +35,15 @@ background-color: transparent !important; } -.map-images-text-items ul, -.map-text-items ul { - padding: 10px 0 0 10px; +.map-text-items { + height: 45px; +} +.map-images-text-items { + height: 55px; +} +.map-images-text-items, +.map-text-items { + padding: 10px 48px 0 10px; overflow-y: hidden; } .map-images-text-items ul > li { @@ -105,6 +111,15 @@ padding: 0; color: #333; } +.map-item .map-more-submit { + position: absolute; + top: 15px; + right: 10px; + height: 20px; + line-height: 20px; + color: #999; + cursor: pointer; +} @media only screen and (min-width: 640px) { .map-images-text-items ul > li > a:hover, .map-text-items ul > li > a:hover { @@ -166,9 +181,6 @@ .map-item > li > a:first-child { border-bottom: 2px solid #e1e1e1; } - .map-images-text-items ul, .map-text-items ul { - padding: 15px 15px 0 15px; - } .map-item .map-more-submit { top: 7px; } diff --git a/public/static/index/default/js/search.js b/public/static/index/default/js/search.js new file mode 100644 index 000000000..357ba28a8 --- /dev/null +++ b/public/static/index/default/js/search.js @@ -0,0 +1,26 @@ +$(function() +{ + // 条件展开关闭处理 + $('.map-images-text-items,.map-text-items').each(function(k, v) + { + var height = $(this).find('ul').innerHeight(); + var max_height = $(this).hasClass('map-images-text-items') ? 55 : 45; + if(height > max_height || $(window).width() < 641) + { + $(this).find('.map-more-submit').removeClass('am-hide'); + } + }); + + // 条件展开/隐藏 + $('.map-item .map-more-submit').on('click', function() + { + var $parents = $(this).parents('.map-right'); + var height = $parents.hasClass('map-images-text-items') ? '55px' : '45px'; + if($parents.css('height') == height) + { + $parents.css('height', 'auto'); + } else { + $parents.css('height', height); + } + }); +}); \ No newline at end of file