完善移动端兼容

public/static/css/common.css

@@ -1,32 +1,4 @@
-@media screen and (max-width: 768px){
-    .layui-body{
-        left: 0;
-    }
 
-    .layui-layout-admin .layui-footer{
-        left: 0;
-    }
-
-    .layui-layout-admin .layui-logo{
-        width: 115px;
-    }
-
-    .layui-layout-admin .layui-side{
-        width: 100%;
-        overflow-x: hidden;
-        height: 100%;
-        position: unset;
-    }
-
-    .layui-layer-content .layui-hide-xs{
-        display: unset !important;
-    }
-
-    .layui-nav-tree{
-        width: 100%;
-        height: 100%;
-    }
-}
 
 .left-bottom-options{
     position: fixed;
@@ -105,4 +77,35 @@
 
 .ul-flex{
   display: flex;
+}
+
+
+@media screen and (max-width: 768px){
+  .layui-body{
+      left: 0;
+  }
+
+  .layui-layout-admin .layui-footer{
+      left: 0;
+  }
+
+  .layui-layout-admin .layui-logo{
+      width: 115px;
+  }
+
+  .layui-layout-admin .layui-side{
+      width: 100%;
+      overflow-x: hidden;
+      height: 100%;
+      position: unset;
+  }
+
+  .layui-layer-content .layui-hide-xs{
+      display: unset !important;
+  }
+
+  .layui-nav-tree{
+      width: 100%;
+      height: 100%;
+  }
 }

public/static/css/index.articles.css

@@ -1,3 +1,4 @@
+
 .main-container{
   margin-top: 15px;
 }
@@ -14,7 +15,7 @@
   display: block;
   padding: 10px 15px;
   border-radius: 5px;
-  margin: 5px 40px;
+  margin: 5px 20px;
 }
 
 .nav-left-list a:hover,.nav-left-list a.current{
@@ -127,4 +128,17 @@
 .content-container .title{
   font-size: 22px;
   font-weight: 600;
+  
 }
+
+
+
+@media screen and (max-width: 768px){
+  .nav-left-list{
+    text-align: left;
+  }
+  .nav-left-list a{
+    display: inline-block;
+    margin: 5px;
+  }
+}