Просмотр исходного кода

fix: 表格格列对齐(受滚动条的影响,没有完全对齐)

任一存 4 лет назад
Родитель
Сommit
0a727dba15
2 измененных файлов с 7 добавлено и 12 удалено
  1. 6 6
      src/components/table/style.less
  2. 1 6
      src/views/material/pano/pano.js

+ 6 - 6
src/components/table/style.less

@@ -13,7 +13,7 @@
     display: flex;
     align-items: center;
     width: 100%;
-    padding: 15px 16px;
+    padding: 15px 16px 15px 16px;
     background-color: #F5F7FA;
     color: #646566;
     line-height: 19px;
@@ -21,7 +21,8 @@
     z-index: 1; // 为了避免.t-con向下滚动后覆盖本元素。因为.t-con的margin-top是负值。
     li {
       text-align: left;
-      margin-right: 20px;
+      padding-right: 20px;
+      flex-grow: 1;
     }
   }
 
@@ -35,7 +36,7 @@
       display: flex;
       align-items: center;
       width: 100%;
-      padding: 10px 0 10px 16px;
+      padding: 10px 16px 10px 16px;
       .showWhenHover {
         visibility: hidden;
       }
@@ -63,9 +64,8 @@
       li {
         text-align: left;
         display: inline-block;
-        box-sizing: content-box;
-        margin-right: 10px;
-
+        padding-right: 20px;
+        flex-grow: 1;
         span {
           word-break: break-all;
           color: #909090;

+ 1 - 6
src/views/material/pano/pano.js

@@ -10,24 +10,19 @@ let data = [
     key: 'name',
     name: '名称',
     en: '名称',
-    width: 340,
+    width: 240,
   },
   {
     key: 'detail',
-    // name: '操作',
-    // en:  '操作',
     name: '',
     en:  '',
     showWhenHover: true,
     canclick: true,
     width: 100,
-    textAlign:'center',
-    width: 100,
   },
   {
     key: 'fileSize',
     name: '大小',
-    width: 100,
     en: '大小',
     width: 80,
   },