(#37)Mod global image style

miniprogram/app.scss

@@ -32,6 +32,10 @@ view.card {
                 0 0.3px 0.9px 0 rgba(0, 0, 0, .05);
 }
 
+image {
+    filter: $black-filter;
+}
+
 // 顶部导航栏阴影
 view.top-shadow {
     position: fixed;
@@ -77,6 +81,10 @@ view.h3 {
         background-color: $theme-color-dark-layout;
     }
 
+    image {
+        filter: $white-filter;
+    }
+
     view.h1 {
         color: $theme-color-dark-title;
         font-size: 1.2em;

miniprogram/pages/Account/Account.scss

@@ -1,3 +1,7 @@
 @import "./UserCard.scss";
 @import "./MainFunction.scss";
 @import "./FunctionList.scss";
+
+view.container {
+    padding-top: 20px;
+}

miniprogram/pages/Account/Account.wxml

@@ -11,6 +11,12 @@
             <open-data type="userAvatarUrl" />
         </view>
         <view class="info">
+
+            <!-- 主题变换按钮 -->
+            <view class="theme">
+                <image src="../../image/account/Account_Theme.svg" />
+            </view>
+            
             <view class="nick h1">
                 <open-data type="userNickName" />
             </view>

miniprogram/pages/Account/UserCard.scss

@@ -2,23 +2,33 @@
 
 // 用户卡片
 view.user-card {
-    margin-top: 20px;
-    height: 100px;
     display: flex;
+    align-items: center;
     padding-top: 20px;
     padding-bottom: 20px;
 
     view.avatar {
-        width: 80px;
-        height: 80px;
+        width: 70px;
+        height: 70px;
         border-radius: 1000px;
         overflow: hidden;
     }
     
     view.info {
-        width: calc(100% - 80px - 20px);
+        flex-grow: 1;
         padding-left: 20px;
 
+        view.theme {
+            width: 100%;
+            display: flex;
+            justify-content: flex-end;
+
+            image {
+                width: 25px;
+                height: 25px;
+            }
+        }
+        
         view.nick {
             margin: 4px 0;
         }