修改标签样式

src/view/memberGroup/tags-group.vue

@@ -20,10 +20,9 @@
       <div class="tags-group__show">
         <draggable v-model="tagsData" group="article" style="height: 100%" @end="dragTag" :move="checkMove" :sort="false" :data-index="tagsGroupIndex">
           <div class="tags-group__tag" v-for="(item, index) in tagsData" :key="item.tagId">
-            <span>{{ item.tagName }}</span>
             <el-tooltip>
-              <span class="tags-group__tag-name">【选择:{{ item.newTagVal }}】</span>
-              <div style="max-width: 350px; font-size: 14px;" slot="content">【选择:{{ item.newTagVal }}】</div>
+              <span>{{ item.tagName }} 【选择:{{ item.newTagVal }}】</span>
+              <div style="width: 400px;font-size: 14px" slot="content">{{ item.tagName }} 【选择:{{ item.newTagVal }}】</div>
             </el-tooltip>
             <i class="iconfont icon-bianji1 edit" @click="editTags(index)"></i>
             <i class="iconfont icon-guanbi" @click="delTags(index)"></i>
@@ -208,10 +207,12 @@ export default {
     &:last-child {
       margin-bottom: 0;
     }
-
     span {
       display: inline-block;
-      vertical-align: middle;
+      max-width: 100%;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
 
     i {
@@ -238,13 +239,6 @@ export default {
         color: #f56c6c;
       }
     }
-
-    .tags-group__tag-name {
-      max-width: 180px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
   }
 }