Account page

miniprogram/pages/Account/Account.scss

@@ -1,9 +1,29 @@
+@import "../../app.scss";
+
 view.container {
 
     // 用户卡片
     view.user-card {
-        width: 100%;
-        height: 200px;
-        background-color: aqua;
+        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 {
+                color: $theme-color-light-title;
+            }
+        }
     }
 }

miniprogram/pages/Account/Account.wxml

@@ -1,8 +1,22 @@
+
+<!-- 顶部的阴影 -->
+<view class="top-shadow"></view>
+
+<!-- 页面容器 -->
 <view class="container">
 
     <!-- 用户卡片 -->
-    <view class="user-card">
-        
+    <view class="user-card card">
+        <view class="avatar">
+            <open-data type="userAvatarUrl" />
+        </view>
+        <view class="info">
+            <view class="nick">
+                <open-data type="userNickName" />
+            </view>
+            <view class="student">秦浩轩</view>
+            <view class="student">1806240113</view>
+        </view>
     </view>
 
 </view>