修改 单元课程鼠标移入提示与超长…展示
This commit is contained in:
parent
86ae0fa0cd
commit
fb428ba5ca
|
@ -11,15 +11,21 @@
|
|||
:default-expanded-keys="defaultExpandedKeys" :current-node-key="curNode.data.id" highlight-current
|
||||
@node-click="handleNodeClick">
|
||||
<template #default="{ node, data }">
|
||||
<div v-if="props.isClassTask && (data.bookId == '' || data.bookId == '0')">
|
||||
<el-tooltip effect="light" placement="right" content="该单元章节无自主试题">
|
||||
<div v-if="props.isClassTask && (data.bookId == '' || data.bookId == '0')" class="tree-label-wrap">
|
||||
<el-tooltip effect="light" placement="right" >
|
||||
<template #content> {{ node.label }}<br /><span style="color: red;">-该单元章节无自主试题-</span> </template>
|
||||
<span class="tree-label" style="color: #A5B3CA" >
|
||||
{{ node.label }}
|
||||
</span>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div v-else>
|
||||
<span class="tree-label">{{ node.label }}</span>
|
||||
<div v-else class="tree-label-wrap">
|
||||
<el-tooltip effect="light" placement="right" >
|
||||
<template #content> {{ node.label }}</template>
|
||||
<span class="tree-label">
|
||||
{{ node.label }}
|
||||
</span>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
</el-tree>
|
||||
|
@ -334,7 +340,7 @@ onMounted( async () => {
|
|||
}
|
||||
}
|
||||
|
||||
.tree-label {
|
||||
.tree-label-wrap, .tree-label {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
|
Loading…
Reference in New Issue