liuhuajie/lowcode-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add:添加鼠标悬停提示组件类型

Browse Source
This commit is contained in:
lhj
2024-11-17 01:50:48 +08:00
parent e424ea63ec
commit 8424202fc8
1 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/DynamicComponent.vue
View File

@ -12,6 +12,9 @@
@mouseover="isHovered = true" @mouseover="isHovered = true"
@mouseleave="isHovered = false" @mouseleave="isHovered = false"
> >
<div v-if="isHovered" class="component-header">
<span>{{componentName}}</span>
</div>
<div v-if="componentSelected" class="component-header" :style="headerStyle"> <div v-if="componentSelected" class="component-header" :style="headerStyle">
<div style="background-color:#3457cc;color: #ffffff;padding: 5px ;margin-right: 2px">{{ componentName }}</div> <div style="background-color:#3457cc;color: #ffffff;padding: 5px ;margin-right: 2px">{{ componentName }}</div>
<div v-if="componentSelected" style="background-color:#3457cc;color:#ffffff;padding: 6px 5px 5px 5px;display: flex;width: fit-content;flex-wrap: nowrap"> <div v-if="componentSelected" style="background-color:#3457cc;color:#ffffff;padding: 6px 5px 5px 5px;display: flex;width: fit-content;flex-wrap: nowrap">