fix: topo样式调整

This commit is contained in:
zhangyu
2023-04-03 10:33:45 +08:00
parent 71af4429a2
commit dced2c0bd4
3 changed files with 11 additions and 4 deletions

View File

@@ -113,14 +113,14 @@
justify-content: space-between; justify-content: space-between;
padding: 3px 10px; padding: 3px 10px;
cursor: pointer; cursor: pointer;
.nz-icon-shuru { .nz-icon-edit1 {
display: none; display: none;
} }
&:hover{ &:hover{
background: $--background-color-empty; background: $--background-color-empty;
border: 1px solid $--border-select-color; border: 1px solid $--border-select-color;
color: $--color-primary; color: $--color-primary;
.nz-icon-shuru { .nz-icon-edit1 {
display: inline-block; display: inline-block;
} }
} }
@@ -196,11 +196,18 @@
.el-icon-circle-close { .el-icon-circle-close {
display: none; display: none;
} }
.image-input-message {
width: 100%;
display: inline-block;
}
} }
.image-input:hover { .image-input:hover {
.el-icon-circle-close { .el-icon-circle-close {
display: inline-block; display: inline-block;
} }
.image-input-message {
width: calc(100% - 20px);
}
} }
.thresholds-from-item { .thresholds-from-item {
margin-left: 0px; margin-left: 0px;

View File

@@ -70,7 +70,7 @@
<span class="hide-input-nzName text-ellipsis" v-if="!editFlag[index]"> <span class="hide-input-nzName text-ellipsis" v-if="!editFlag[index]">
{{item.nzName}} {{item.nzName}}
</span> </span>
<i @click="changeEditFlag(index)" v-if="!editFlag[index]" class="nz-icon nz-icon-shuru"/> <i @click="changeEditFlag(index)" v-if="!editFlag[index]" class="nz-icon nz-icon-edit1"/>
</span> </span>
<span> <span>
<span @click.stop="penChange(item, 'locked')" class="pen-tools-item" :title="!item.locked?$t('overall.locked'): $t('overall.unlocked')"> <span @click.stop="penChange(item, 'locked')" class="pen-tools-item" :title="!item.locked?$t('overall.locked'): $t('overall.unlocked')">

View File

@@ -2,7 +2,7 @@
<div class="meta2d-image-box"> <div class="meta2d-image-box">
<div @click="changeSelectBoxShow(true)" style="position: relative"> <div @click="changeSelectBoxShow(true)" style="position: relative">
<div class="image-input"> <div class="image-input">
<span v-if="imageName">{{unit}} / {{imageName}}</span> <span v-if="imageName" class="image-input-message text-ellipsis">{{unit}} / {{imageName}}</span>
<i class="el-icon-circle-close" style="position: absolute;top: 10px;right: 10px;font-size: 14px" @click.stop="selectImageChange({image: '', id: ''}, true)"/> <i class="el-icon-circle-close" style="position: absolute;top: 10px;right: 10px;font-size: 14px" @click.stop="selectImageChange({image: '', id: ''}, true)"/>
</div> </div>
</div> </div>