css样式美化

Author: pixel

web/src/style/main.scss

@@ -621,7 +621,7 @@ li {
     padding: 0 15px;
     border-left: 1px solid #ebeef5;
     border-right: 1px solid #ebeef5;
-    .demo-form-inline{
+    .demo-form-inline {
         margin-bottom: 10px;
     }
 }
@@ -668,7 +668,6 @@ li {
     padding: 20px 0!important;
 }
 
-
 .el-row {
     padding: 10px 0;
     .el-col>label {
@@ -850,100 +849,93 @@ li {
 }
 
 // 导航*****
-
-
-
 // add 5.13
-.el-container{
-    .admin-box{
+.el-container {
+    .admin-box {
         padding: 24px 24px 40px 24px;
-        margin: 115px 24px;
+        margin: 115px 24px 24px 24px;
         border-radius: 2px;
-        .button-box{
+        .button-box {
             border: none;
             padding: 0 0 10px 0px;
         }
-        .el-table--border{
+        .el-table--border {
             border-radius: 4px;
             margin-bottom: 15px;
         }
         .el-table--border {
-            th{
+            th {
                 border-left: 1px solid #e8e8e8;
             }
         }
-        
-        .el-table{
-            th{
+        .el-table {
+            th {
                 padding: 5px 0;
-                .cell{
+                .cell {
                     min-height: 34px;
                     line-height: 34px;
-                   
                 }
             }
-            td{
+            td {
                 padding: 8px 0;
             }
             td,
-            th.is-leaf{
+            th.is-leaf {
                 border-bottom: 1px solid #e8e8e8;
             }
         }
-       
-        .el-table__body-wrapper{
-            tr{
-                td{
+        .el-table__body-wrapper {
+            tr {
+                td {
                     padding: 5px 0;
-                    .cell{
+                    .cell {
                         height: 34px;
                         line-height: 34px;
                         overflow: hidden;
                     }
                 }
-                
             }
-            .el-cascader{
+            .el-cascader {
                 line-height: 34px;
             }
         }
-        .upload{
-            .el-table__body-wrapper{
-                tr{
-                    td{
+        .upload {
+            .el-table__body-wrapper {
+                tr {
+                    td {
                         padding: 5px 0;
-                        .cell{
+                        .cell {
                             height: auto;
-                           
                         }
                     }
                 }
             }
         }
-        .search-term{
+        .search-term {
             border-left: none;
             border-right: none;
             padding: 0 5px;
-            .el-form-item{
+            .el-form-item {
                 margin-bottom: 10px;
             }
         }
-        .el-pagination{
+        .el-pagination {
             padding: 20px 0 0 0;
         }
-        .upload-demo, .upload{
+        .upload-demo,
+        .upload {
             padding: 0;
         }
-        .system{
+        .system {
             padding: 0;
         }
-        .el-form.el-form--inline{
-         .el-form-item:last-child{
-             margin-bottom: 0;
-         }   
+        .el-form.el-form--inline {
+            .el-form-item:last-child {
+                margin-bottom: 0;
+            }
         }
         .edit_container,
-        .edit{
+        .edit {
             padding: 0;
         }
     }
@@ -953,53 +945,54 @@ li {
         display: block;
         clear: both;
     }
-    .tips{
+    .tips {
         margin-top: 10px;
         font-size: 14px;
         font-weight: 400;
         color: #606266;
-      }
+    }
 }
-.el-container.layout-cont{
-    .header-cont,.breadcrumb{
+
+.el-container.layout-cont {
+    .header-cont,
+    .breadcrumb {
         height: 40px !important;
         line-height: 40px !important;
     }
-    .main-cont.el-main{
+    .main-cont.el-main {
         background-color: #f0f2f5;
-        .menu-total{
+        .menu-total {
             font-size: 22px;
             color: #838383;
             margin-top: 7px;
         }
-            // background-color: #f0f2f5;
-        }
-} 
+        // background-color: #f0f2f5;
+    }
+}
 
-.el-container.layout-cont{
-    .main-cont{
-        .router-history{
+.el-container.layout-cont {
+    .main-cont {
+        .router-history {
             padding-bottom: 8px;
             padding-top: 5px;
             border-color: #f9f9f9;
             box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
-            .el-tabs__header{
-                margin: 0px 0 0 0 ;
-                .el-tabs__item{
+            .el-tabs__header {
+                margin: 0px 0 0 0;
+                .el-tabs__item {
                     line-height: 35px;
                     height: 35px;
                 }
             }
         }
     }
-    
-}  
+}
 
-.el-table__row{
-    .el-button.el-button--text.el-button--small{
-        position:relative;
+.el-table__row {
+    .el-button.el-button--text.el-button--small {
+        position: relative;
     }
-    .el-button.el-button--text.el-button--small::after{
+    .el-button.el-button--text.el-button--small::after {
         content: '';
         position: absolute;
         width: 1px;
@@ -1008,18 +1001,18 @@ li {
         margin-left: 15px;
         background-color: #e8e8e8;
     }
-    .cell{
-         button:last-child::after{
+    .cell {
+        button:last-child::after {
             content: ''!important;
-             position: absolute!important;
+            position: absolute!important;
             width: 0px!important;
-         }
-    } 
+        }
+    }
 }
 
-  .clear:after,
-  .clear:before {
-      content: "";
-      display: block;
-      clear: both;
-  }
+.clear:after,
+.clear:before {
+    content: "";
+    display: block;
+    clear: both;
+}