study/uTools-quickcommand
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-quickcommand.git synced 2025-06-08 06:16:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

修改卡片悬浮特效，操作按钮悬浮才显示

Browse Source
This commit is contained in:
fofolee 2024-01-05 13:05:22 +08:00
parent 17e61e0391
commit b1bcedf2df
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/CommandCard.vue
View File

@ -4,6 +4,8 @@
class="wrapper" class="wrapper"
v-show="!cardStyleVars.hideCard" v-show="!cardStyleVars.hideCard"
:id="commandInfo.features.code" :id="commandInfo.features.code"
@mouseenter="showCtrlButtons = true"
@mouseleave="showCtrlButtons = false"
> >
<div> <div>
<!-- mini 模式下不显示各类按钮 --> <!-- mini 模式下不显示各类按钮 -->
@ -21,6 +23,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; transition: 0.2s"
v-show="showCtrlButtons"
> >
<q-btn <q-btn
flat flat
@ -253,6 +256,7 @@ export default {
showCrontab: false, showCrontab: false,
showShare: false, showShare: false,
cronJob: null, cronJob: null,
showCtrlButtons: false,
}; };
}, },
computed: { computed: {
@ -444,7 +448,7 @@ export default {
} }
.wrapper:hover { .wrapper:hover {
transition: 0.5s; transition: 0.5s;
transform: translateY(-5px); transform: translateY(-0.5px);
filter: drop-shadow(1px 1px 5px #0000008e); filter: drop-shadow(1px 1px 5px #0000008e);
} }
</style> </style>