miniprogram/modular/Mask/Mask.scss

@@ -1,4 +1,3 @@
-@import "../../app.scss";
 
 view.mask {
 	position: fixed;
@@ -7,39 +6,3 @@ view.mask {
 	background-color: rgba($color: #000000, $alpha: .2);
 	z-index: 1;
 }
-
-view.mask.block {
-    display: block;
-}
-
-view.mask.none {
-    display: none;
-}
-
-view.mask.show {
-    animation: show .1s cubic-bezier(0, 0, 1, 1) both;
-    opacity: 1;
-}
-
-view.mask.hide {
-    animation: hide .1s cubic-bezier(0, 0, 1, 1) both;
-    opacity: 0;
-}
-
-@keyframes show{
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
-}
-
-@keyframes hide{
-    from {
-        opacity: 1;
-    }
-    to {
-        opacity: 0;
-    }
-}

miniprogram/modular/Mask/Mask.ts

@@ -2,11 +2,6 @@ import { Modular, Manager } from "../../core/Module";
 
 class Mask<M extends Manager> extends Modular<M> {
 
-    /**
-     * 动画运行时间
-     */
-    public static readonly animateTime: number = 100;
-
 	public data? = {
 
 		/**
@@ -14,11 +9,6 @@ class Mask<M extends Manager> extends Modular<M> {
 		 */
 		zIndex: 1,
 
-        /**
-         * 蒙版是否显示
-         */
-        isDisplay: false,
-
 		/**
 		 * 蒙版是否显示
 		 */
@@ -31,25 +21,14 @@ class Mask<M extends Manager> extends Modular<M> {
 	 * 显示蒙版
 	 */
 	public showMask() {
-		this.setData({ 
-            isShow: true,
-            isDisplay: true
-        });
+		this.setData({ isShow: true });
 	}
 
 	/**
 	 * 隐藏蒙版
 	 */
 	public hideMask() {
-		this.setData({ 
-            isShow: false 
-        });
-
-        this.disappearTimer = setTimeout(() => {
-            this.setData({ 
-                isDisplay: false
-            });
-        }, Mask.animateTime);
+		this.setData({ isShow: false });
 	}
 	
 	public override onLoad() {

miniprogram/pages/Account/Account.wxml

@@ -1,6 +1,5 @@
 <!-- 蒙版 -->
-<view class="mask {{  mask$isShow ? 'show' : 'hide' }} {{ mask$isDisplay ? 'block' : 'none' }}" 
-    bindtap="mask$handleClickMask"></view>
+<view class="mask" bindtap="mask$handleClickMask" style="display:{{mask$isShow ? 'block' : 'none'}}"></view>
 
 <!-- 顶部的阴影 -->
 <view class="top-shadow"></view>