Browse Source

火狐样式

iZaiZaiA 2 years ago
parent
commit
38d829d1e3
3 changed files with 16 additions and 12 deletions
  1. 12 12
      src/components/table-form/index.vue
  2. 3 0
      src/styles/app/_var.scss
  3. 1 0
      src/styles/app/main.scss

+ 12 - 12
src/components/table-form/index.vue

@@ -401,6 +401,7 @@ defineExpose({
 .el-form-item.special-form-item .el-form-item__content .el-input .el-input__wrapper .el-input__inner {
     font-family: "EUDC", 宋体, v-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
 }
+
 .hc-table-form-data-item {
     position: relative;
     padding: 12px;
@@ -418,9 +419,10 @@ defineExpose({
         td {
             padding: 6px;
             .el-input {
+                clear: both;
                 color: #606266;
                 border-radius: 3px;
-                height: initial !important;
+                height: $initials;
                 background-color: #ffffff !important;
                 .el-input__wrapper {
                     background-color: inherit;
@@ -432,8 +434,10 @@ defineExpose({
             }
             .el-textarea {
                 width: 100%;
+                height: $inherits;
+                clear: both;
                 .el-textarea__inner {
-                    min-height: initial !important;
+                    min-height: $initials;
                     background-color: #ffffff;
                     border-radius: 3px;
                     color: #606266;
@@ -444,8 +448,9 @@ defineExpose({
             //日期选择框
             .el-date-editor.el-input .el-input__wrapper,
             .el-date-editor.el-date-editor--datetimerange.el-input__wrapper {
-                height: 100%;
                 width: 100%;
+                height: $initials;
+                clear: both;
             }
             //焦点
             .el-input .el-input__wrapper.is-focus, .el-input .el-input__wrapper:hover,
@@ -474,17 +479,12 @@ defineExpose({
             //下拉框
             .el-select {
                 width: 100%;
-                height: initial !important;
+                height: $initials;
+                clear: both;
             }
         }
-        td[rowspan*='2'] {
-            height: 60px !important;
-        }
-        td[rowspan*='3'] {
-            height: 90px !important;
-        }
-        td[rowspan*='4'] {
-            height: 120px !important;
+        td[rowspan] {
+            height: $initials;
         }
         //非输入框颜色
         td:not([titlexx]), td[titlexx*=''],

+ 3 - 0
src/styles/app/_var.scss

@@ -69,3 +69,6 @@ $darks: (
     'dark-8':  	$dark-8,
     'dark-9':  	$dark-9
 );
+
+$inherits: inherit !important;
+$initials: initial !important;

+ 1 - 0
src/styles/app/main.scss

@@ -5,6 +5,7 @@ html, body, #app {
 * {
     padding: 0;
     margin: 0;
+    -moz-box-sizing: border-box;
     box-sizing: border-box;
     /* 滚动条凹槽的颜色,还可以设置边框属性 */
     &::-webkit-scrollbar-track-piece {