我爱动画

💄 现在消息有进入动画了
Stapxs · Nov 18, 2024 · fde8fee · fde8fee
1 parent 166a3be
commit fde8fee
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stapxs-qq-lite",
-  "version": "2.9.3",
+  "version": "2.9.4",
   "private": false,
   "author": "Stapx Steve [林槐]",
   "description": "一个兼容 OneBot 的非官方网页版 QQ 客户端，使用 Vue 重制的全新版本。",

diff --git a/src/pages/Chat.vue b/src/pages/Chat.vue
@@ -1901,13 +1901,23 @@ export default defineComponent({
 </script>
 
 <style scoped>
-/* 消息移除动画 */
+/* 消息动画 */
 .msglist-move {
-    transition: all .5s;
+    transition: all .3s;
 }
 
+.msglist-enter-active {
+    transition: all .4s;
+}
 .msglist-leave-active {
-    display: none;
+    transition: all .2s;
+}
+.msglist-enter-from {
+    transform: translateX(-20px);
+    opacity: 0;
+}
+.msglist-leave-to {
+    opacity: 0;
 }
 
 /* 更多功能面板动画 */