修复样式

src/components/selected-tags-list.vue

@@ -3,11 +3,10 @@
     <div v-for="(tags, index) in tagsListFilter" :key="tags" :style="`width: ${100 / tagsList.length}%`" class="tag-group">
       <ul class="tag-list">
         <li class="tag-item" v-for="tag in tags" :key="tag.tagId">
-          <span>{{ tag.tagName }}</span>
           <el-tooltip>
-            <span class="tags-item__name">【选择:{{ getTagVal(tag) }}】</span>
-            <div slot="content" style="max-width: 350px; font-size: 14px;">
-              <span>【选择:{{ getTagVal(tag) }}】</span>
+            <span class="tags-item__name">{{ tag.tagName }}【选择:{{ getTagVal(tag) }}】</span>
+            <div slot="content" style="max-width: 400px; font-size: 14px;">
+              {{ tag.tagName }}【选择:{{ getTagVal(tag) }}】
             </div>
           </el-tooltip>
         </li>
@@ -67,23 +66,20 @@ export default {
       min-height: 120px;
       .tag-item {
         padding: 5px 10px;
+        max-width: 100%;
         background: #f3f6f9;
         border-radius: 2px;
         font-size: 14px;
         color: #606266;
 
-        span {
-          display: inline-block;
-          vertical-align: middle;
-        }
-
         i {
           color: #999;
           padding-left: 10px;
         }
 
         .tags-item__name {
-          max-width: 200px;
+          display: inline-block;
+          max-width: 100%;
           white-space: nowrap;
           overflow: hidden;
           text-overflow: ellipsis;