diff --git a/src/pages/overall/overall.vue b/src/pages/overall/overall.vue
index e84e0de..9223a2c 100644
--- a/src/pages/overall/overall.vue
+++ b/src/pages/overall/overall.vue
@@ -1,7 +1,25 @@
 <template>
     <div id="overall">
-        <p>这是 Overall</p>
-        <graph-overall :chart="convertCharts"></graph-overall>
+        <el-row>
+            <el-col :span="4">
+                <el-card :body-style="{ padding: '0px' }">
+                    <div style="padding: 14px;">
+                        <span>GPA: 4.56</span>
+                        <div class="bottom clearfix">
+                            <time class="time">{{ new Date().toDateString() }}</time>
+                            <el-button type="text" class="button">操作按钮</el-button>
+                        </div>
+                    </div>
+                </el-card>
+            </el-col>
+            <el-col :span="20">
+                <el-card :body-style="{ padding: '0px' }">
+                    <p>Your average score graph all time:</p>
+                    <graph-overall :chart="convertCharts"></graph-overall>
+                </el-card>
+            </el-col>
+        </el-row>
+        <div class=""></div>
     </div>
 </template>