Merge pull request '用户界面实现(#37)dev-gia_jie' (#41) from dev-gia_jie into master

Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/41

miniprogram/pages/Account/Account.wxml

@@ -39,4 +39,27 @@
         </view>
     </view>
 
+    <!--主要功能-->
+    <view class="card main-function"><!--四个功能合在一起的容器-->
+        <view class="branch-funtion"><view><!--每个功能的容器-->
+            <image class="icon" src="../../image/account/Account_UserInfo.svg"></image><!--每个功能的图片-->
+            <view>账号信息</view><!--每个功能的文字-->
+        </view></view>
+
+        <view class="branch-funtion"><view>
+            <image class="icon" src="../../image/account/Account_DateList.svg"></image>
+            <view>课表缓存</view>
+        </view></view>
+
+        <view class="branch-funtion"><view>
+            <image class="icon" src="../../image/account/Account_Customer.svg"></image>
+            <view>功能定制</view>
+        </view></view>
+
+        <view class="branch-funtion"><view style="border-right: 0px;">
+            <image class="icon" src="../../image/account/Account_Settings.svg"></image>
+            <view>更多设置</view>
+        </view></view>
+
+    </view>
 </view>

miniprogram/pages/Account/MainFunction.scss

@@ -1 +1,39 @@
 @import "../../app.scss";
+
+//主要功能
+view.main-function {
+  display: flex;
+  margin-top: 20px;
+  padding: 0 !important;
+  width: 100% !important;
+
+  view.branch-funtion {
+    padding: 13px 0;
+    width: 100%;
+
+    > view {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-self: center;
+      border-right: 1px solid rgba($color: #000000, $alpha: .1);
+
+      image {
+        height: 35px;
+        width: 35px;
+      }
+
+      view {
+        text-align: center;
+        margin-top: 5px;
+        font-size: .8em;
+      }
+    }
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  view.main-function view.branch-funtion > view {
+    border-right: 1px solid rgba($color: #ffffff, $alpha: .1);
+  }
+}

project.config.json

@@ -26,9 +26,9 @@
     "uploadWithSourceMap": true,
     "compileHotReLoad": false,
     "lazyloadPlaceholderEnable": false,
-        "useMultiFrameRuntime": false,
-        "useApiHook": false,
-        "useApiHostProcess": false,
+    "useMultiFrameRuntime": true,
+    "useApiHook": true,
+    "useApiHostProcess": true,
     "babelSetting": {
       "ignore": [],
       "disablePlugins": [],