2023-02-17

完善样式

mallplusui-web-admin/src/styles/index.scss

@@ -55,14 +55,80 @@ a:hover {
 }
 
 .app-container {
-  padding: 20px;
+     margin: 0 0 25px 0;
+     background-color: #fff;
 }
 
 //搜索栏样式
 .filter-container {
 
 }
-
+// 搜索的
+.webtop {
+  // position: fixed;top: 110px;width: calc(100% - 240px);z-index: 6000;
+  background-color: #fff;
+  display: flex !important;
+  flex-direction: row;
+  justify-content: space-between !important;
+  align-items: center;
+  margin-bottom: 0px !important;
+  font-size: 20px;
+}
+.tab-header {
+    background-color: #edf1f7;
+    padding: 10px 20px;
+}
+// 设置了页面头部的内边距和背景色
+.tab-header {
+  font-size: 20px;
+  font-weight: bold;
+}
+// 设置了搜索条件里的样式
+.search {
+  .tab-header {
+    .el-form-item {
+      margin-right: 16px;
+      .el-form-item__label {
+        font-size: 16px;
+        font-weight: 500;
+      }
+    }
+  }
+}
+.search .btn {
+    padding: 5px 0;
+    border: 1px solid #e0e3eb;
+    text-align: center;
+    margin-bottom: 5px;
+}
+.searchcon{margin: 0px 0 10px 0;}
+.searchcon .searchbtn{margin: 10px 0;border: #2cab69 1px solid;color: #2cab69;}
+// 隐藏显示按钮
+.main-content {
+  .searchcon {
+    .searchbtn {
+      margin: 5px 0;
+      border: #2cab69 1px solid;
+      color: #2cab69;
+    }
+  }}
+  // 页面上的button按钮
+  .app-container {
+    .el-button--medium {
+      padding: 10px 14px;
+      font-size: 16px;
+    }
+  
+    .el-button--small {
+      padding: 8px 12px;
+      font-size: 14px;
+    }
+  
+    .el-button--mini {
+      padding: 7px 10px;
+      font-size: 12px;
+    }
+  }
 //操作栏样式
 .operate-container {
   margin-top: 20px;