fix: 优化样式
This commit is contained in:
parent
caa9ad63bd
commit
3041fd1c30
@ -33,6 +33,11 @@
|
|||||||
@click.stop
|
@click.stop
|
||||||
v-if="showOperate(nodeModel.type)"
|
v-if="showOperate(nodeModel.type)"
|
||||||
>
|
>
|
||||||
|
<!-- <el-button text @click="showNode = !showNode" class="mr-4">
|
||||||
|
<el-icon class="mr-8 arrow-icon" :class="showNode ? 'rotate-90' : ''"
|
||||||
|
><CaretRight
|
||||||
|
/></el-icon>
|
||||||
|
</el-button> -->
|
||||||
<el-dropdown :teleported="false" trigger="click">
|
<el-dropdown :teleported="false" trigger="click">
|
||||||
<el-button text>
|
<el-button text>
|
||||||
<el-icon class="color-secondary"><MoreFilled /></el-icon>
|
<el-icon class="color-secondary"><MoreFilled /></el-icon>
|
||||||
@ -46,7 +51,7 @@
|
|||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<el-collapse-transition>
|
||||||
<div @mousedown.stop @keydown.stop @click.stop>
|
<div @mousedown.stop @keydown.stop @click.stop>
|
||||||
<el-alert
|
<el-alert
|
||||||
v-if="node_status != 200"
|
v-if="node_status != 200"
|
||||||
@ -80,8 +85,10 @@
|
|||||||
</template>
|
</template>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
|
</el-collapse-transition>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<el-collapse-transition>
|
<el-collapse-transition>
|
||||||
<DropdownMenu
|
<DropdownMenu
|
||||||
v-if="showAnchor"
|
v-if="showAnchor"
|
||||||
@ -122,6 +129,7 @@ const height = ref<{
|
|||||||
})
|
})
|
||||||
const showAnchor = ref<boolean>(false)
|
const showAnchor = ref<boolean>(false)
|
||||||
const anchorData = ref<any>()
|
const anchorData = ref<any>()
|
||||||
|
const showNode = ref<boolean>(true)
|
||||||
const node_status = computed(() => {
|
const node_status = computed(() => {
|
||||||
if (props.nodeModel.properties.status) {
|
if (props.nodeModel.properties.status) {
|
||||||
return props.nodeModel.properties.status
|
return props.nodeModel.properties.status
|
||||||
@ -240,6 +248,9 @@ onMounted(() => {
|
|||||||
border: 1px solid #f54a45 !important;
|
border: 1px solid #f54a45 !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.arrow-icon {
|
||||||
|
transition: 0.2s;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
:deep(.el-card) {
|
:deep(.el-card) {
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user