feat: 调整 box-sizing 相关样式

tm-fe · Jan 15, 2020 · c5911fb · c5911fb
1 parent d2a7737
commit c5911fb
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/src/css/main.less b/src/css/main.less
@@ -3,7 +3,7 @@
 @hoverColor: #0b8df8;
 .@{fb}{
     background-color: #fff;
-    border-bottom: 1px solid #dddee1;
+    // border-bottom: 1px solid #dddee1;
     position: relative;
 
     &-wrap{
@@ -13,9 +13,9 @@
         display: flex;
         align-content: stretch;
 
-        & *{
-            box-sizing: border-box;
-        }
+        // & *{
+        //     box-sizing: border-box;
+        // }
         &.no-boder{
             border-left: none;
             border-right: none;
@@ -95,6 +95,7 @@
         width: 15px;
         flex-shrink: 0;
         border-left: 1px solid #dddee1;
+        box-sizing: border-box;
         &-head{
             width: 100%;
             height: 38px;
@@ -123,6 +124,7 @@
         border-bottom: 1px solid @borderColor;
         font-weight: 700;
         user-select: none;
+        box-sizing: border-box;
     }
     &-body{
         .@{fb}-tr{
@@ -176,6 +178,7 @@
     &-foot{
         border-top: 1px solid @borderColor;
         text-align: right;
+        box-sizing: border-box;
 
         p{
             margin: 0;
@@ -189,6 +192,7 @@
         align-items: stretch;
         height: 100%;
         border-bottom: 1px solid @borderColor;
+        box-sizing: border-box;
         &:last-child{
             border: none;
         }

diff --git a/src/table.vue b/src/table.vue
@@ -436,7 +436,7 @@ export default {
         }, 20),
         updateHoverIndex: debounce(function(index) {
             this.hoverIndex = index;
-        }, 50),
+        }, 100),
         handleMousewheel(event) {
             const normalized = normalizeWheel(event);
             if (Math.abs(normalized.spinY) > 0) {