修复点击命令卡片的设置菜单时菜单偏移的BUG

This commit is contained in:
fofolee 2024-03-13 19:24:49 +08:00
parent 2b99fa0f31
commit cf173227af

View File

@ -5,7 +5,7 @@
v-show="!cardStyleVars.hideCard" v-show="!cardStyleVars.hideCard"
:id="commandInfo.features.code" :id="commandInfo.features.code"
@mouseenter="showCtrlButtons = true" @mouseenter="showCtrlButtons = true"
@mouseleave="showCtrlButtons = false" @mouseleave="if (!isCtrlBtnMenuOpen) showCtrlButtons = false;"
> >
<div> <div>
<!-- mini 模式下不显示各类按钮 --> <!-- mini 模式下不显示各类按钮 -->
@ -22,7 +22,7 @@
<!-- 选项按钮 --> <!-- 选项按钮 -->
<div <div
class="absolute" class="absolute"
style="z-index: 1; right: 16px; top: 16px; transition: 0.2s" style="z-index: 1; right: 16px; top: 16px"
v-show="showCtrlButtons" v-show="showCtrlButtons"
> >
<q-btn <q-btn
@ -44,11 +44,19 @@
round round
:color="!!cronExp ? 'amber' : 'blue-9'" :color="!!cronExp ? 'amber' : 'blue-9'"
:icon="!!cronExp ? 'timer' : 'insights'" :icon="!!cronExp ? 'timer' : 'insights'"
@click="isCtrlBtnMenuOpen = true"
> >
<q-tooltip anchor="top middle" self="center middle"> <q-tooltip anchor="top middle" self="center middle">
设置 设置
</q-tooltip> </q-tooltip>
<q-menu transition-show="jump-down" transition-hide="jump-up"> <q-menu
transition-show="jump-down"
transition-hide="jump-up"
@hide="
isCtrlBtnMenuOpen = false;
showCtrlButtons = false;
"
>
<q-list style="min-width: 100px"> <q-list style="min-width: 100px">
<q-item clickable v-close-popup @click="exportCommandFile"> <q-item clickable v-close-popup @click="exportCommandFile">
<q-item-section side> <q-item-section side>
@ -260,6 +268,7 @@ export default {
// showShare: false, // showShare: false,
cronJob: null, cronJob: null,
showCtrlButtons: false, showCtrlButtons: false,
isCtrlBtnMenuOpen: false,
}; };
}, },
computed: { computed: {