分类展示优化

application/index/view/default/category/index.html

@@ -25,7 +25,7 @@
             {{/foreach}}
         </ul>
         {{foreach $goods_category_list as $k=>$v}}
-            <div class="category-content category-content-{{$k}} am-fr am-padding-top-xs {{if $k neq 0}} none{{/if}}">
+            <div class="category-content category-content-{{$k}} am-fr am-padding-vertical-xs {{if $k neq 0}} none{{/if}}">
                 {{foreach $v.items as $vs}}
                     <div class="category-item am-padding-sm">
                         <div class="title">

public/static/index/default/css/category.css

@@ -4,7 +4,7 @@
     overflow-x: hidden;
 }
 .category-list .category-content {
-    width: calc(100% - 120px);
+    width: calc(100% - 110px);
 }
 .category-list ul.category-nav {
     width: 100px;
@@ -38,7 +38,7 @@
     margin-bottom: 15px;
 }
 .category-list .category-content ul {
-    border-top: 1px dotted #f4f4f4;
+    border-top: 1px dotted #e5e5e5;
 }
 .category-list ul.category-nav li,
 .category-list .category-content .title,
@@ -58,6 +58,12 @@
     line-height: 22px;
 }
 @media only screen and (min-width:640px) {
+    .category-list {
+        margin-top: 10px;
+    }
+    .category-list .category-content {
+        padding-top: 0;
+    }
     .category-list ul.category-nav,
     .category-list .category-content {
         height: 100vh;
@@ -67,6 +73,7 @@
     }
     .category-list .category-content {
         margin-right: 5px;
+        width: calc(100% - 120px);
     }
 }
 @media only screen and (min-width:1025px) {
@@ -75,6 +82,7 @@
     }
     .category-list .category-content {
         margin-right: 0;
+        width: calc(100% - 110px);
     }
 }
 @media only screen and (max-width:640px) {
@@ -84,4 +92,8 @@
     .category-list .category-content {
         height: calc(100vh - 97px);
     }
+
+    .category-list .category-content .category-item {
+        margin-right: 10px;
+    }
 }
\ No newline at end of file