From 700c09b933cf9805e899ae90c85617caeebd5abe Mon Sep 17 00:00:00 2001 From: Cat Tom Date: Wed, 26 Mar 2025 12:00:36 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=20WechatModal=20=E7=BB=84?= =?UTF-8?q?=E4=BB=B6=E7=9A=84=E5=8A=A8=E7=94=BB=E6=95=88=E6=9E=9C=EF=BC=8C?= =?UTF-8?q?=E8=B0=83=E6=95=B4=E8=BF=9B=E5=85=A5=E5=92=8C=E7=A6=BB=E5=BC=80?= =?UTF-8?q?=E5=8A=A8=E7=94=BB=E7=9A=84=E7=BC=A9=E6=94=BE=E6=AF=94=E4=BE=8B?= =?UTF-8?q?=E5=8F=8A=E8=BF=87=E6=B8=A1=E6=95=88=E6=9E=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/WechatModal.vue | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) diff --git a/src/components/WechatModal.vue b/src/components/WechatModal.vue index be5100f..473bfff 100644 --- a/src/components/WechatModal.vue +++ b/src/components/WechatModal.vue @@ -207,7 +207,6 @@ onUnmounted(() => { background-color: rgba(0, 0, 0, 0.6); display: grid; place-items: center; - animation: fadeIn 0.3s ease; backdrop-filter: blur(8px); transition: opacity 0.3s ease; isolation: isolate; @@ -226,8 +225,8 @@ onUnmounted(() => { border-radius: 12px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); overflow: hidden; - transform: scale(0.9); - transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.1); + transform: scale(0.95); + transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); z-index: v-bind('zIndex + 1'); } @@ -385,7 +384,7 @@ onUnmounted(() => { @keyframes scaleUp { from { - transform: scale(0.8) translateY(20px); + transform: scale(0.95) translateY(10px); opacity: 0; } to { @@ -400,7 +399,7 @@ onUnmounted(() => { opacity: 1; } to { - transform: scale(0.8) translateY(20px); + transform: scale(0.95) translateY(10px); opacity: 0; } } @@ -415,11 +414,11 @@ onUnmounted(() => { } .wechat-modal-enter-active .wechat-modal-container { - animation: scaleUp 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.1); + animation: scaleUp 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); } .wechat-modal-leave-active .wechat-modal-container { - animation: scaleDown 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.1); + animation: scaleDown 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); } /* 响应式布局 */