优化页面

unpackage/dist/dev/mp-weixin/pages/NewAddedPk/NewAddedPk.wxss

@@ -1,20 +1,30 @@
 
 /* 定义动画 */
+/* 原始进入动画 */
 @keyframes slide-in-96d38e2b {
-from {
-    transform: translateY(100%);
-    opacity: 0;
+from { transform: translateY(100%); opacity: 0;
 }
-to {
-    transform: translateY(0);
-    opacity: 1;
+to { transform: translateY(0); opacity: 1;
 }
 }
 
-/* 应用动画到组件 */
+/* 新增关闭动画 */
+@keyframes slide-out-96d38e2b {
+from { transform: translateY(0); opacity: 1;
+}
+to { transform: translateY(-100%); opacity: 0;
+}
+}
+
+/* 进入动画类 */
 .create-module.data-v-96d38e2b {
   animation: slide-in-96d38e2b 0.3s ease-in-out;
 }
+
+/* 关闭动画类 */
+.close-animation.data-v-96d38e2b {
+  animation: slide-out-96d38e2b 0.3s ease-in-out forwards;
+}
 .Mask.data-v-96d38e2b {
   width: 100vw;
   height: 100vh;