Commit 4579a01a authored by 范骋宇's avatar 范骋宇 🇺🇸

数据查询页面:类型超长设置省略号

parent 1005fa60
...@@ -15,8 +15,8 @@ ...@@ -15,8 +15,8 @@
:class="{'active': activeObj && activeObj.showText === item.showText}" :class="{'active': activeObj && activeObj.showText === item.showText}"
@click="setActiveFun(item)" @click="setActiveFun(item)"
> >
<span>{{ $t(item.showText) }}</span> <div class="d-s-g-item-text" :title="$t(item.showText)">{{ $t(item.showText) }}</div>
<span>{{ item.masterIdCount }}</span> <div>{{ item.masterIdCount }}</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -171,9 +171,14 @@ export default { ...@@ -171,9 +171,14 @@ export default {
display: flex; display: flex;
font-size: 14px; font-size: 14px;
height: 40px; height: 40px;
line-height: 40px; //line-height: 40px;
justify-content: space-between; justify-content: space-between;
cursor: pointer; cursor: pointer;
.d-s-g-item-text{
overflow: hidden; /* 隐藏溢出的内容 */
white-space: nowrap; /* 保持文本在一行内 */
text-overflow: ellipsis; /* 显示省略号 */
}
} }
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment