Merge pull request '用户页面实现 #37 dev-sanaesy' (#40) from dev-sanaesy into master

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

miniprogram/pages/Account/Account.scss

@@ -2,6 +2,9 @@
 @import "./MainFunction.scss";
 @import "./FunctionList.scss";
 
+
 view.container{
-    padding-top: 20px;
+    padding-top: 50rpx;
 }
+
+

miniprogram/pages/Account/Account.wxml

@@ -39,4 +39,77 @@
         </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 class="card function-list">
+        <view class="function">
+            <view>
+                <image class="icon func-icon" src="../../image/account/Account_Sponsor.svg" />
+                <view>赞助计划</view>
+                <image class="icon-sub arrow" src="../../image/account/Account_Arrow.svg" />
+            </view>
+        </view>
+
+        <view class="function">
+            <view>
+                <image class="icon func-icon" src="../../image/account/Account_PubilcAccount.svg" />
+                <view>公众号</view>
+                <image class="icon-sub arrow" src="../../image/account/Account_Arrow.svg" />
+            </view>
+        </view>
+
+        <view class="function">
+            <view>
+                <image class="icon func-icon" src="../../image/account/Account_FAQ.svg" />
+                <view>自助问答</view>
+                <image class="icon-sub arrow" src="../../image/account/Account_Arrow.svg" />
+            </view>
+        </view>
+
+        <view class="function">
+            <view>
+                <image class="icon func-icon" src="../../image/account/Account_AboutUs.svg" />
+                <view>关于我们</view>
+                <image class="icon-sub arrow" src="../../image/account/Account_Arrow.svg" />
+            </view>
+        </view>
+
+        <view class="function">
+            <view style="border-bottom: 0px;">
+                <image class="icon func-icon" src="../../image/account/Account_Support.svg" />
+                <view>联系客服</view>
+                <image class="icon-sub arrow" src="../../image/account/Account_Arrow.svg" />
+            </view>
+        </view>
+    </view>
 </view>

miniprogram/pages/Account/FunctionList.scss

@@ -1 +1,43 @@
 @import "../../app.scss";
+
+view.function-list {
+    margin-top: 50rpx;
+    margin-bottom: 50rpx;
+    padding: 0 0 !important;
+    width: 100% !important;
+
+    view.function {
+        padding: 0 20px;
+        width: calc( 100% - 40px );
+        height: 55px;
+        
+        > view {
+            height: 100%;
+            display: flex;
+            align-items: center;
+            border-bottom: 1px solid rgba($color: #000000, $alpha: .1);
+
+            image.func-icon {
+                width: 26px;
+                height: 26px;
+            }
+
+            view {
+                margin-left: 15px;
+                flex-grow: 1;
+                font-size: .9em;
+            }
+
+            image.arrow {
+                width: 10px;
+                height: 10px;
+            }
+        }
+    }
+}
+
+@media (prefers-color-scheme: dark) {
+    view.function-list view.function > view {
+      border-bottom: 1px solid rgba($color: #ffffff, $alpha: .1);
+    }
+  }

miniprogram/pages/Account/MainFunction.scss

@@ -1 +1,39 @@
 @import "../../app.scss";
+
+//主要功能
+view.main-function {
+  display: flex;
+  margin-top: 50rpx;
+  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: .9em;
+      }
+    }
+  }
+}
+
+@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": [],