分类优化

application/index/view/default/public/goods_category.html

@@ -8,7 +8,7 @@
         </a>
         <div class="category-content" {{if isset($controller_name) and $controller_name neq 'index'}}style="display:none;"{{/if}}>
             <div class="category">
-                <ul class="category-list" id="js_climit_li">
+                <ul class="category-list">
                     {{if !empty($goods_category_list) and is_array($goods_category_list)}}
                         {{foreach $goods_category_list as $v}}
                             <li class="appliance js_toggle relative first">
@@ -22,11 +22,11 @@
                                     <em>&gt;</em>
                                 </div>
                                 <div class="menu-item menu-in top">
-                                    <div class="area-in">
-                                        <div class="area-bg">
-                                            <div class="menu-srot">
-                                                <div class="sort-side">
-                                                    {{if !empty($v['items'])}}
+                                    {{if !empty($v['items'])}}
+                                        <div class="area-in">
+                                            <div class="area-bg">
+                                                <div class="menu-srot">
+                                                    <div class="sort-side">
                                                         {{foreach $v.items as $vs}}
                                                             <dl class="dl-sort">
                                                                 <dt>
@@ -45,12 +45,14 @@
                                                                 {{/if}}
                                                             </dl>
                                                         {{/foreach}}
-                                                    {{/if}}
+                                                    </div>
                                                 </div>
                                             </div>
                                         </div>
-                                    </div>
-                                </div> 
+                                    {{else /}}
+                                        <div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
+                                    {{/if}}
+                                </div>
                             </li>
                         {{/foreach}}
                     {{/if}}

public/static/index/default/css/common.css

@@ -133,7 +133,7 @@ color: #F5F5F2;font-size: 12px;cursor:pointer;border-radius:0px 0px; position: a
     .goods-category-s .category-content{ position:relative; width: 150px; float: left; z-index: 113;background:#fff; top: 45px;}
     .goods-category-s .category-content .all-goods { display: block; padding: 0; border-radius: 5px 5px 0 0; font-weight: 600; line-height: 36px;width:150px;height: 36px; padding: 0; border-radius: 5px 5px 0 0; color: #fff; text-align: center; font: 16px/36px "Microsoft YaHei";}
     .goods-category-s .category-content .all-goods em{ font: 12px/36px "Microsoft YaHei"; }
-    .category-content .category{width:150px; border-top: none; background: #2b2b2b;box-shadow: 8px 0 7px -3px rgba(0,0,0,.3) }
+    .category-content .category{width:150px; border-top: none; background: #2b2b2b;box-shadow: 8px 0 7px -3px rgba(0,0,0,.3); max-height: 360px; overflow-y: auto; overflow-x: hidden; }
     .category-content .down-ico{ position: absolute; top: 48px; left: 95px; width: 10px; height: 6px; background-position: 0 -131px; z-index: 11111; }
     .category-content .category-list li { height:36px;  margin-top: -2px;z-index:113;border-top: 1px solid #333;border-bottom: 1px solid #252525}
     .category-content .category-list li.first{ margin-top: 0; }
@@ -154,9 +154,9 @@ color: #F5F5F2;font-size: 12px;cursor:pointer;border-radius:0px 0px; position: a
     .category-content .category-info em{ position:absolute; top:8px; right:20px; width: 13px; height: 13px; font: 12px/18px "宋体"; color: #9b9b9b;}
     .category-content .category .hover, .category-content .category-list li.hover .category-info { z-index:999;} 
     .category-content .hover .category-info{ border:none; text-decoration:none; background: #fff;  }
-    .category-content .menu-item { display: none;position: absolute;left: 149px;height:100%; z-index: 11;padding:0 0 0 2px;width:770px;background: #fff; border:none; border-top: 1px solid #bbb9;overflow-y: scroll;overflow-x: hidden;}
+    .category-content .menu-item { display: none;position: absolute;left: 149px;height:100%; z-index: 11;padding:0 0 0 2px;width:770px;background: #fff; border:none; border-top: 1px solid #bbb9;overflow-y: scroll;overflow-x: hidden; height: 360px; }
     .category-content .menu-item .area-in{ position: relative;  z-index: 1;  }
-    .category-content .menu-item .area-bg{ padding: 10px 0 10px 40px;}
+    .category-content .menu-item .area-bg{ padding: 10px 0 10px 20px;}
     .category-content .category-list li.hover .b-category-name a{ color:#4c4c4c; }
     .category-content .menu-srot{width: 100%; overflow:hidden;}
     .category-content .menu-srot .sort-side{ overflow:hidden }
@@ -197,14 +197,14 @@ color: #F5F5F2;font-size: 12px;cursor:pointer;border-radius:0px 0px; position: a
 
     /* 分类 */
     #goods-category .category-content{ position:relative; width: 180px; float: left; z-index: 113; top: 45px; }
-    #goods-category .category-content .all-goods {width:180px;}
-    .category-content .category{  width:180px; max-height: 432px; overflow-y: auto; overflow-x: hidden;}
-    .category-content .category-info {padding-left: 12px;width: 180px;overflow: hidden;}
-    .category-content .menu-item {left: 179px;}
-    .category-content .category-list li {height:43px;}
-    .category-content .b-category-name {padding-left:10px;}
-    .category-content .category-name i {top:6px}
-    .category-content .category-info em{top:9px}
+    #goods-category .category-content .all-goods { width:180px; }
+    .category-content .category{ width:180px; max-height: 430px; }
+    .category-content .category-info { padding-left: 12px;width: 180px;overflow: hidden; }
+    .category-content .menu-item { left: 179px; height: 430px; }
+    .category-content .category-list li { height:43px; }
+    .category-content .b-category-name { padding-left:10px; }
+    .category-content .category-name i { top:6px; }
+    .category-content .category-info em{ top:9px; }
 }
 
 /**