基础设施,左侧树增加tips显示
This commit is contained in:
parent
3e1ff71686
commit
c8d315934a
|
@ -19,7 +19,11 @@
|
|||
<path d="M512 624a112 112 0 1 0 0-224 112 112 0 0 0 0 224z" p-id="2157"
|
||||
fill="#0058e1"></path>
|
||||
</svg>
|
||||
<span class="name">{{ val.name }}({{ val.channelCount }})</span>
|
||||
<el-tooltip effect="dark" placement="top-start">
|
||||
<div class="tooltip-name" slot="content">{{val.name}}</div>
|
||||
<span class="name">{{ val.name }}</span>
|
||||
</el-tooltip>
|
||||
<span class="num">({{ val.channelCount }})</span>
|
||||
</div>
|
||||
<span v-if="item.children.length < 0">{{ val.total }}</span>
|
||||
<span v-else>
|
||||
|
@ -311,4 +315,21 @@ export default {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.name {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
word-break: break-all;
|
||||
width: 190px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.num {
|
||||
width: 40px;
|
||||
text-align: right;
|
||||
}
|
||||
.tooltip-name {
|
||||
max-width: 300px;
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in New Issue