study/uTools-quickcommand
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-quickcommand.git synced 2025-06-07 21:46:12 +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"
v-show="!cardStyleVars.hideCard"
:id="commandInfo.features.code"
@mouseenter="showCtrlButtons = true"
@mouseleave="showCtrlButtons = false"
>
<div>
<!-- mini 模式下不显示各类按钮 -->
@ -21,6 +23,7 @@
<div
class="absolute"
style="z-index: 1; right: 16px; top: 16px; transition: 0.2s"
v-show="showCtrlButtons"
>
<q-btn
flat
@ -253,6 +256,7 @@ export default {
showCrontab: false,
showShare: false,
cronJob: null,
showCtrlButtons: false,
};
},
computed: {
@ -444,7 +448,7 @@ export default {
}
.wrapper:hover {
transition: 0.5s;
transform: translateY(-5px);
transform: translateY(-0.5px);
filter: drop-shadow(1px 1px 5px #0000008e);
}
</style>