miniprogram/modular/Mask/Mask.scss

@@ -1,8 +0,0 @@
-
-view.mask {
-	position: fixed;
-	width: 100%;
-	height: 100%;
-	background-color: rgba($color: #000000, $alpha: .2);
-	z-index: 1;
-}

miniprogram/modular/Mask/Mask.ts

@@ -1,45 +0,0 @@
-import { Modular, Manager } from "../../core/Module";
-
-class Mask<M extends Manager> extends Modular<M> {
-
-	public data? = {
-
-		/**
-		 * 蒙版的层级
-		 */
-		zIndex: 1,
-
-		/**
-		 * 蒙版是否显示
-		 */
-		isShow: false
-	};
-
-	private disappearTimer?: number;
-	
-	/**
-	 * 显示蒙版
-	 */
-	public showMask() {
-		this.setData({ isShow: true });
-	}
-
-	/**
-	 * 隐藏蒙版
-	 */
-	public hideMask() {
-		this.setData({ isShow: false });
-	}
-	
-	public override onLoad() {
-		this.setFunc(this.handleClickMask, "handleClickMask");
-        // Do something
-    }
-
-	private handleClickMask() {
-		this.hideMask();
-	}
-}
-
-export { Mask };
-export default Mask;

miniprogram/pages/Account/Account.scss

@@ -1,7 +1,7 @@
 @import "./UserCard.scss";
 @import "./MainFunction.scss";
 @import "./FunctionList.scss";
-@import "../../modular/Mask/Mask.scss";
+
 
 view.container{
     padding-top: 50rpx;

miniprogram/pages/Account/Account.ts

@@ -2,11 +2,9 @@ import { Manager } from "../../core/Module";
 import { UserCard } from "./UserCard";
 import { MainFunction } from "./MainFunction";
 import { FunctionList } from "./FunctionList";
-import { Mask } from "../../modular/Mask/Mask";
 
 Manager.Page((manager) => {
-    const mask = manager.addModule(Mask, "mask");
+    manager.addModule(UserCard, "userCard");
-    manager.addModule(UserCard, "userCard", { mask });
     manager.addModule(MainFunction, "mainFunction");
     manager.addModule(FunctionList, "functionList");
 });

miniprogram/pages/Account/Account.wxml

@@ -1,5 +1,3 @@
-<!-- 蒙版 -->
-<view class="mask" bindtap="mask$handleClickMask" style="display:{{mask$isShow ? 'block' : 'none'}}"></view>
 
 <!-- 顶部的阴影 -->
 <view class="top-shadow"></view>
@@ -16,9 +14,7 @@
 
             <!-- 主题变换按钮 -->
             <view class="theme">
-                <view bindtap="userCard$changeTheme">
+                <image class="icon-sub" src="../../image/account/Account_Theme.svg" />
-                    <image class="icon-sub" src="../../image/account/Account_Theme.svg" />
-                </view>
             </view>
             
             <!-- 用户昵称 -->

miniprogram/pages/Account/UserCard.scss

@@ -27,17 +27,9 @@ view.user-card {
             display: flex;
             justify-content: flex-end;
 
-            view {
+            image {
                 width: 23px;
                 height: 23px;
-                padding: 20px;
-                margin: -20px;
-                border-radius: 20px;
-                
-                image {
-                    width: 100%;
-                    height: 100%;
-                }
             }
         }
         

miniprogram/pages/Account/UserCard.ts

@@ -1,21 +1,9 @@
 import { Modular, Manager } from "../../core/Module";
-import { Mask } from "../../modular/Mask/Mask";
 
-type IUserCardDependent<M extends Manager> = {
+class UserCard<M extends Manager> extends Modular<M> {
-    mask: Mask<M>
-}
-
-class UserCard<M extends Manager> extends Modular<M, IUserCardDependent<M>> {
-
-    public override onLoad() {
-        this.setFunc(this.handleChangeTheme, "changeTheme")
-    }
     
-    /**
+    public override onLoad() {
-     * 处理主题更换
+        // Do something
-     */
-    private handleChangeTheme() {
-        this.depends?.mask.showMask();
     }
 }