(#37)Separate Account page into Modular

miniprogram/pages/Account/Account.scss

@@ -1,39 +1,3 @@
-@import "../../app.scss";
-
-view.container {
-
-    // 用户卡片
-    view.user-card {
-        margin-top: 20px;
-        height: 100px;
-        display: flex;
-        padding-top: 20px;
-        padding-bottom: 20px;
-
-        view.avatar {
-            width: 80px;
-            height: 80px;
-            border-radius: 1000px;
-            overflow: hidden;
-        }
-        
-        view.info {
-            width: calc(100% - 80px - 20px);
-            padding-left: 20px;
-            
-            view.nick {
-                margin: 4px 0;
-            }
-
-            view.student {
-                margin: 1px 0;
-            }
-        }
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-    view.container view.user-card view.avatar{
-        filter: brightness(.8);
-    }
-}
+@import "./UserCard.scss";
+@import "./MainFunction.scss";
+@import "./FunctionList.scss";

miniprogram/pages/Account/Account.ts

@@ -1,66 +1,10 @@
-// pages/Account/Account.ts
-Page({
+import { Manager } from "../../core/Module";
+import { UserCard } from "./UserCard";
+import { MainFunction } from "./MainFunction";
+import { FunctionList } from "./FunctionList";
 
-  /**
-   * 页面的初始数据
-   */
-  data: {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面加载
-   */
-  onLoad() {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面初次渲染完成
-   */
-  onReady() {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面显示
-   */
-  onShow() {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面隐藏
-   */
-  onHide() {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面卸载
-   */
-  onUnload() {
-
-  },
-
-  /**
-   * 页面相关事件处理函数--监听用户下拉动作
-   */
-  onPullDownRefresh() {
-
-  },
-
-  /**
-   * 页面上拉触底事件的处理函数
-   */
-  onReachBottom() {
-
-  },
-
-  /**
-   * 用户点击右上角分享
-   */
-  onShareAppMessage() {
-
-  }
-})
+Manager.Page((manager) => {
+    manager.addModule(UserCard, "userCard");
+    manager.addModule(MainFunction, "mainFunction");
+    manager.addModule(FunctionList, "functionList");
+});

miniprogram/pages/Account/FunctionList.scss

@@ -0,0 +1 @@
+@import "../../app.scss";

miniprogram/pages/Account/FunctionList.ts

@@ -0,0 +1,11 @@
+import { Modular, Manager } from "../../core/Module";
+
+class FunctionList<M extends Manager> extends Modular<M> {
+    
+    public override onLoad() {
+        // Do something
+    }
+}
+
+export { FunctionList };
+export default FunctionList;

miniprogram/pages/Account/MainFunction.scss

@@ -0,0 +1 @@
+@import "../../app.scss";

miniprogram/pages/Account/MainFunction.ts

@@ -0,0 +1,11 @@
+import { Modular, Manager } from "../../core/Module";
+
+class MainFunction<M extends Manager> extends Modular<M> {
+    
+    public override onLoad() {
+        // Do something
+    }
+}
+
+export { MainFunction };
+export default MainFunction;

miniprogram/pages/Account/UserCard.scss

@@ -0,0 +1,36 @@
+@import "../../app.scss";
+
+// 用户卡片
+view.user-card {
+    margin-top: 20px;
+    height: 100px;
+    display: flex;
+    padding-top: 20px;
+    padding-bottom: 20px;
+
+    view.avatar {
+        width: 80px;
+        height: 80px;
+        border-radius: 1000px;
+        overflow: hidden;
+    }
+    
+    view.info {
+        width: calc(100% - 80px - 20px);
+        padding-left: 20px;
+        
+        view.nick {
+            margin: 4px 0;
+        }
+
+        view.student {
+            margin: 1px 0;
+        }
+    }
+}
+
+@media (prefers-color-scheme: dark) {
+    view.container view.user-card view.avatar{
+        filter: brightness(.8);
+    }
+}

miniprogram/pages/Account/UserCard.ts

@@ -0,0 +1,11 @@
+import { Modular, Manager } from "../../core/Module";
+
+class UserCard<M extends Manager> extends Modular<M> {
+    
+    public override onLoad() {
+        // Do something
+    }
+}
+
+export { UserCard };
+export default UserCard;