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

feat: 【我的素材】素材列表所有单元格都设为最多两行,多余的用省略号表示

任一存 3 лет назад
Родитель
Сommit
1a082b84e9
2 измененных файлов с 8 добавлено и 12 удалено
  1. 1 1
      src/components/table/index.vue
  2. 7 11
      src/components/table/style.less

+ 1 - 1
src/components/table/index.vue

@@ -24,7 +24,7 @@
           v-for="(sub,j) in header"
           :key='j'
           :style="{textAlign:item.textAlign, width:sub.width ? sub.width+'px':(100/header.length)+'%'}"
-          :class="{ themetxt: sub.fontweight, showWhenHover: sub.showWhenHover, multiLine: sub.key === 'name' }"
+          :class="{ themetxt: sub.fontweight, showWhenHover: sub.showWhenHover }"
           :title="sub.key === 'name'?  item[sub.key]: ''"
         >
           <slot :data='item[sub.key]' :item="item"  :sub='sub' name='item'></slot>

+ 7 - 11
src/components/table/style.less

@@ -60,16 +60,6 @@
           }
         }
       }
-      .multiLine {
-        span {
-          word-break: break-all;
-          white-space: normal;
-          display: -webkit-box;
-          -webkit-box-orient: vertical;
-          -webkit-line-clamp: 2;
-          overflow: hidden;
-        }
-      }
       li {
         text-align: left;
         display: inline-block;
@@ -77,8 +67,14 @@
         flex-grow: 1;
         span {
           color: #323233;
-          word-break: keep-all;
+          // word-break: keep-all;
           // white-space: nowrap;
+          word-break: break-all;
+          white-space: normal;
+          display: -webkit-box;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 2;
+          overflow: hidden;
         }
       }
     }