[+] Create cards in overall

2019-09-07 17:04:04 -04:00
parent 042e72abb6
commit 0e618ceb13
1 changed files with 20 additions and 2 deletions
@@ -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>