表格列过多，修复样式错乱问题

xtfan21 · Dec 24, 2019 · 4a5bf47 · 4a5bf47
1 parent 4c69012
commit 4a5bf47
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 42 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gridmanager-element-skin",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "description": "gridmanager-skin for element",
   "main": "js/index.js",
   "scripts": {
@@ -38,7 +38,7 @@
     "copy-webpack-plugin": "^4.5.0",
     "css-loader": "^0.28.10",
     "express": "^4.16.3",
-    "gridmanager": "^2.10.0",
+    "gridmanager": "^2.10.2",
     "html-loader": "^0.5.5",
     "less": "^3.8.1",
     "less-loader": "^4.1.0",

diff --git a/src/css/gridmanager-reset.less b/src/css/gridmanager-reset.less
@@ -1,26 +1,36 @@
 .table-wrap.element-skin {
     font-family: 'Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif';
     .table-header{
-        background-color: #F1F1F1;
+        background-color: #fff;
         background-image: none;
     }
     [grid-manager] {
-        thead[grid-manager-mock-thead] {
-            background: #fff;
-            color: #909399;
-            font-weight: bold;
-            font-size: 14px;
-            tr {
-                height: 48px;
-                line-height: 48px;
-            }
-
-        }
-        thead[grid-manager-thead] {
-            tr {
-                height: 48px;
-                line-height: 48px;
-                border-bottom: 1px solid #ebeef5;
+        thead tr{
+            height: 48px;
+            th {
+                color: #909399;
+                font-weight: bold;
+                font-size: 14px;
+                .sorting-action {
+                    color: #909399;
+                    &.sorting-up {
+                        .sa-up {
+                            color: #409eff;
+                        }
+                        .sa-down {
+                            opacity: 0.7;
+                        }
+                    }
+                    &.sorting-down {
+                        .sa-up {
+                            opacity: 0.7;
+                            color: #909399;
+                        }
+                        .sa-down {
+                            color: #409eff;
+                        }
+                    }
+                }
             }
         }
         tr {
@@ -68,29 +78,7 @@
                 }
             }
         }
-        th {
-            font-weight: bold;
-            .sorting-action {
-                color: #909399;
-                &.sorting-up {
-                    .sa-up {
-                        color: #409eff;
-                    }
-                    .sa-down {
-                        opacity: 0.7;
-                    }
-                }
-                &.sorting-down {
-                    .sa-up {
-                        opacity: 0.7;
-                        color: #909399;
-                    }
-                    .sa-down {
-                        color: #409eff;
-                    }
-                }
-            }
-        }
+
         .th-wrap {
             .direction-left {
                 border: 1px solid #ebeef5;

diff --git a/version.md b/version.md
@@ -1,5 +1,9 @@
 # GridManager-element-skin
 
+## v0.0.13
+
+- 表格列过多，修复样式错乱问题
+
 ## v0.0.12
 
 - 去除isIconFollowText配置项