添加溢出隐藏

src/components/components/sortToolWorkShow.vue

@@ -6,7 +6,10 @@
                     <div class="con" style="width: 30%;">
                         <div>句子</div>
                         <div v-for="(i,index) in e" :key="index" style="display: flex;align-items: center;">
-                            <span :style="{color:i.value == i.trA? '#409EFF' :'' }">{{ i.value }}</span>
+                            <el-tooltip class="item" effect="dark" :content="i.value" placement="top-start">
+                             <div class="TitTimu" :style="{color:i.value == i.trA? '#409EFF' :'' }">{{ i.value }}</div>
+                            </el-tooltip>
+                            
                             <img style="height: 15px;width: 15px;margin-left: 10px;" v-if="i.value == i.trA" src="../../assets/right.png" alt="">
                         </div>
                         <div>
@@ -228,4 +231,11 @@
   background-size: 100% 100%;
   margin: 0 10px;
 }
+.TitTimu{
+    width: 80%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    margin-bottom: 0 !important;
+}
 </style>