study/uTools-quickcommand
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-quickcommand.git synced 2025-09-23 20:44:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

图标、动画更新

Browse Source
This commit is contained in:
fofolee
2024-12-22 00:40:59 +08:00
parent 27b32ae846
commit a3bcf6674f
6 changed files with 31 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/CommandEditor.vue
View File

@@ -1,7 +1,7 @@
<template>
<div
class="command-editor-container"
:class="{ 'leaving': isLeaving }"
:class="{ 'leaving': isLeaving, 'run-code': isRunCodePage }"
@animationend="$emit('animationend')"
>
<!-- 命令设置栏 -->
@@ -310,15 +310,23 @@ export default {
bottom: 0;
z-index: 5000;
background: var(--q-page-background);
animation: slideUp 0.3s cubic-bezier(0.4, 0, 0.2, 1);
animation: slideUpDefault 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.command-editor-container.run-code {
animation: slideDownIn 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.command-editor-container.leaving {
animation: slideDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);
animation: slideDownOut 0.3s cubic-bezier(0.4, 0, 0.2, 1);
background: transparent;
}
@keyframes slideUp {
.command-editor-container.leaving.run-code {
animation: slideUpOut 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes slideUpDefault {
from {
transform: translateY(100%);
}
@@ -327,7 +335,16 @@ export default {
}
}
@keyframes slideDown {
@keyframes slideDownIn {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
}
@keyframes slideDownOut {
from {
transform: translateY(0);
}
@@ -336,6 +353,15 @@ export default {
}
}
@keyframes slideUpOut {
from {
transform: translateY(0);
}
to {
transform: translateY(-100%);
}
}
.body--dark .command-editor-container {
color: white;
background: var(--q-dark-page);