style:批量删除样式优化

This commit is contained in:
zhangyu
2022-09-26 17:18:01 +08:00
parent 9ef6e2e1b5
commit b1410741e7
2 changed files with 2 additions and 2 deletions

View File

@@ -76,7 +76,7 @@
} }
.batch-delete-item-text{ .batch-delete-item-text{
display: inline-block; display: inline-block;
width: calc(100% - 75px); width: calc(100% - 45px);
vertical-align: middle; vertical-align: middle;
} }
.el-checkbox-group{ .el-checkbox-group{

View File

@@ -57,7 +57,7 @@
<i class="nz-icon nz-icon-caret-right" :class="relate.showChildren ? 'rotate90': '' " :style="relate.relates && relate.relates.length ? '' : 'opacity: 0'"/> <i class="nz-icon nz-icon-caret-right" :class="relate.showChildren ? 'rotate90': '' " :style="relate.relates && relate.relates.length ? '' : 'opacity: 0'"/>
<i :class="selectIcon(relate.type)"/> <i :class="selectIcon(relate.type)"/>
<span class="text-ellipsis batch-delete-item-text" :title="relate.name"> {{relate.name}}</span> <span class="text-ellipsis batch-delete-item-text" :title="relate.name"> {{relate.name}}</span>
<div class="text-ellipsis batch-delete-item-text" :title="relate.name" v-if="relate.showChildren && relate.relates.length"> <div class="text-ellipsis batch-delete-item-text" :title="relate.name" v-if="relate.showChildren && relate.relates && relate.relates.length">
<div v-for="(cildren,j) in relate.relates" :key = 'j' class="tree-body-item tree-body-children" :style="j === relate.relates.length-1?'margin-bottom: 0':''"> <div v-for="(cildren,j) in relate.relates" :key = 'j' class="tree-body-item tree-body-children" :style="j === relate.relates.length-1?'margin-bottom: 0':''">
<i :class="selectIcon(cildren.type)"/> <i :class="selectIcon(cildren.type)"/>
<span class="text-ellipsis batch-delete-item-text" :title="cildren.name">{{cildren.name}}</span> <span class="text-ellipsis batch-delete-item-text" :title="cildren.name">{{cildren.name}}</span>