|
|
@@ -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>
|
11wqe1