上次提交是iconTitle也会移入弹框

This commit is contained in:
NiSen
2024-01-25 15:57:22 +08:00
parent 128f21e454
commit 29d5ae0100

View File

@@ -67,10 +67,12 @@
</svg> </svg>
</div> </div>
</div> </div>
<div class="iconTitle">{{ item.title }}</div>
</div> </div>
</el-popover> </el-popover>
<div :style="{
left: (getPosition(item.name, index).left + 55) + 'px',
top: getPosition(item.name, index).top + 'px'
}" class="iconTitle">{{ item.title }}</div>
</div> </div>
</div> </div>
</div> </div>
@@ -610,21 +612,18 @@ export default {
} }
} }
}
.iconTitle { .iconTitle {
position: absolute; position: absolute;
top: 50%; height: 40px;
left: 53px; line-height: 40px;
transform: translateY(-60%); font-size: 14px;
height: 40px; color: #ffffff;
line-height: 40px; background: linear-gradient(301deg, #0071FF 0%, #8FC1FF 99%, #3D73ED 100%);
font-size: 14px; border-radius: 80px 80px 80px 8px;
color: #ffffff; padding: 0 20px;
background: linear-gradient(301deg, #0071FF 0%, #8FC1FF 99%, #3D73ED 100%); white-space: nowrap;
border-radius: 80px 80px 80px 8px;
padding: 0 20px;
white-space: nowrap;
}
} }