fix bug

src/views/dash/compoents/profile.vue

@@ -0,0 +1,16 @@
+<template>
+  <div class="full-width flex flex-justify-start flex-col">
+    <div class="bold">我的状态</div>
+    <div>
+      <el-avatar
+        src="https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png"
+      ></el-avatar>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style lang="scss" scoped></style>

src/views/dash/index.vue

@@ -1,11 +1,21 @@
 <template>
   <div>
-    <el-card>
-      <div>
+    <el-card :shadow="hover">
+      <div class="full-width flex flex-center flex-justify-start">
         <el-icon><Bell /></el-icon>
-        <span>首页</span>
+        <span class="ml-10">首页</span>
       </div>
     </el-card>
+
+    <div class="flex flex-center flex-justify-between">
+      <el-card :shadow="hover" class="flex-child-average mt-20">
+        <profile
+      /></el-card>
+      <div class="padding"></div>
+      <el-card :shadow="hover" class="flex-child-average mt-20">
+        <div>33</div>
+      </el-card>
+    </div>
   </div>
 </template>
 
@@ -17,7 +27,11 @@ name: '首页',
 </route>
 
 <script>
-export default {}
+import Profile from '@/views/dash/compoents/profile.vue'
+
+export default {
+  components: { Profile }
+}
 </script>
 
 <style lang="scss" scoped></style>