fix: 【我的素材】列表文字颜色、换行样式优化

src/components/table/index.vue

@@ -20,7 +20,7 @@
         <!-- 复选框 -->
         <li v-if="selection" class="check-cls" ><span @click="selectItem(item,i)" class="fdcheck" :class="{check_active:item.hasAuth}"></span></li>
         <!--  -->
-        <li v-for="(sub,j) in header" :class="{ themetxt: sub.fontweight, showWhenHover: sub.showWhenHover }" :key='j' :style="{textAlign:item.textAlign, width:sub.width ? sub.width+'px':(100/header.length)+'%'}">
+        <li v-for="(sub,j) in header" :class="{ themetxt: sub.fontweight, showWhenHover: sub.showWhenHover, multiLine: sub.key === 'name' }" :key='j' :style="{textAlign:item.textAlign, width:sub.width ? sub.width+'px':(100/header.length)+'%'}">
           <slot :data='item[sub.key]' :item="item"  :sub='sub' name='item'></slot>
         </li>
       </ul>

src/components/table/style.less

@@ -60,15 +60,10 @@
           }
         }
       }
-
-      li {
-        text-align: left;
-        display: inline-block;
-        padding-right: 20px;
-        flex-grow: 1;
+      .multiLine {
         span {
           word-break: break-all;
-          color: #909090;
+          white-space: normal;
           display: -webkit-box;
           -webkit-box-orient: vertical;
           -webkit-line-clamp: 2;
@@ -78,6 +73,17 @@
           }
         }
       }
+      li {
+        text-align: left;
+        display: inline-block;
+        padding-right: 20px;
+        flex-grow: 1;
+        span {
+          color: #323233;
+          word-break: keep-all;
+          white-space: nowrap;
+        }
+      }
     }
 
     .bottom-line {

src/views/material/audio/index.vue

@@ -82,10 +82,7 @@
               :myAudioUrl="data"
             ></v-audio>
           </div>
-          <span
-            v-else
-            :style="{ fontWeight: sub.fontweight, color: '#202020' }"
-            >{{ data || "-" }}</span
+          <span v-else>{{ data || "-" }}</span
           >
         </div>
       </tableList>

src/views/material/image/index.vue

@@ -84,7 +84,6 @@
           </div>
           <span
             v-else
-            :style="{ fontWeight: sub.fontweight, color: '#202020' }"
             >{{ data || "-" }}</span
           >
         </div>

src/views/material/pano/index.vue

@@ -96,10 +96,7 @@
             <img :src="data + `?${Math.random()}`" alt="" />
           </div>
           <!-- 文字型单元格 -->
-          <span
-            v-else
-            :style="{ fontWeight: sub.fontweight, color: '#202020' }"
-            >{{ data || "-" }}
+          <span v-else>{{ data || "-" }}
           </span>
         </div>
       </tableList>

src/views/material/video/index.vue

@@ -86,7 +86,6 @@
           </div>
           <span
             v-else
-            :style="{ fontWeight: sub.fontweight, color: '#202020' }"
             >{{ data || "-" }}</span
           >
         </div>