update

src/components/setting/home/PersonalHomePage.vue

@@ -1,29 +1,46 @@
 <template>
   <div class="main">
-    <PersonalInfoCard></PersonalInfoCard>
+    <div style="display: flex">
+      <div>
+        <PersonalInfoCard></PersonalInfoCard>
+      </div>
+      <div style="flex-direction: column;display: flex">
+        <div style="display: flex;flex-direction: row;margin-left: 40px;margin-top: 10px">
+          <InfoCard></InfoCard>
+          <InfoCard style="margin-left: 10px"></InfoCard>
+        </div>
+        <HomeEChart style="margin-left: 40px"></HomeEChart>
+      </div>
+
+
+    </div>
+
   </div>
 </template>
 <script>
 import PersonalInfoCard from "@/components/setting/home/PersonalInfoCard.vue";
+import InfoCard from "@/components/setting/home/InfoCard.vue";
+import HomeEChart from "@/components/setting/home/HomeEChart.vue";
 
 export default {
   name: "PersonalHomePage",
-  components: {PersonalInfoCard},
+  components: {HomeEChart, InfoCard, PersonalInfoCard},
   data() {
     return {}
   },
   mounted() {
+
   },
   created() {
 
   },
   computed: {},
-  methods: {
-
-  }
+  methods: {}
 
 }
 </script>
 <style scoped>
-
+.main {
+//display: flex; //align-items: center; //flex-direction: row;
+}
 </style>