Selaa lähdekoodia

优化表单的样式

iZaiZaiA 2 vuotta sitten
vanhempi
commit
f050f1d47a
1 muutettua tiedostoa jossa 29 lisäystä ja 12 poistoa
  1. 29 12
      src/styles/app/element.scss

+ 29 - 12
src/styles/app/element.scss

@@ -630,6 +630,14 @@
     td {
         padding: 6px;
         font-family: "EUDC", 宋体, v-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
+        .el-input {
+            background-color: #ffffff !important;
+            border-radius: 3px;
+            color: #606266;
+            .el-input__wrapper {
+                background-color: inherit;
+            }
+        }
         .el-textarea {
             width: 100%;
             height: 100%;
@@ -641,19 +649,28 @@
                 height: 100%;
             }
         }
-        .el-input {
-            background-color: #ffffff !important;
-            border-radius: 3px;
-            color: #606266;
-            .el-input__wrapper {
-                background-color: inherit;
-            }
-            .el-input__wrapper.is-focus, .el-input__wrapper:hover {
-                box-shadow: 0 0 0 1.5px var(--el-input-focus-border-color) inset;
-                background-color: #eddac4;
+        //日期选择框
+        .el-date-editor.el-input .el-input__wrapper,
+        .el-date-editor.el-date-editor--datetimerange.el-input__wrapper {
+            height: 100%;
+            width: 100%;
+        }
+        //焦点
+        .el-input .el-input__wrapper.is-focus, .el-input .el-input__wrapper:hover,
+        .el-textarea .el-textarea__inner:hover {
+            box-shadow: 0 0 0 1.5px var(--el-input-focus-border-color) inset;
+            background-color: #eddac4;
+        }
+        //公式
+        &[gscolor] {
+            .el-input, .el-textarea .el-textarea__inner {
+                background-color: #dcdcdc !important;
             }
-            //公式 #dcdcdc
-            //焦点 #eddac4
         }
     }
+    //非输入框颜色
+    td:not([titlexx]), td[titlexx*=''],
+    td:not([title]), td[title*=''] {
+        background-color: #f1f5f8 !important;
+    }
 }