From f95ebe76534224870d1e1c52854697211e631afa Mon Sep 17 00:00:00 2001
From: qq_38870145 <qq_38870145@devide>
Date: Sun, 7 Jan 2024 23:11:00 +0800
Subject: [PATCH] Sun Jan  7 23:11:00 CST 2024 inscode

---
 src/components/visualHtml/index.vue | 33 +++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 src/components/visualHtml/index.vue

diff --git a/src/components/visualHtml/index.vue b/src/components/visualHtml/index.vue
new file mode 100644
index 0000000..55aaf67
--- /dev/null
+++ b/src/components/visualHtml/index.vue
@@ -0,0 +1,33 @@
+<script setup>
+    import {reactive,onMounted} from 'vue'
+    import CommitLine from './commit/index.vue'
+    import ArticleBar from './article/index.vue'
+    import Author from '../Author.vue'
+    import HubPie from './hub/index.vue'
+    import {articleData} from './data/data.js'
+    const state=reactive({
+        title:'',
+        articleData:[]
+    })
+
+    const getRenderBarData= ()=>{
+        state.articleData=[...articleData]
+        state.articleData.sort((a,b)=>new Date(a.postTime)-new Date(b.postTime))
+    }
+    onMounted(()=>{
+        getRenderBarData()
+    })
+</script>
+<template>
+    <div style="padding:20px;">
+        <Author/>
+        <div>
+            {{state.title}}
+            <div>
+                <CommitLine />
+                <ArticleBar :tableData="state.articleData" />
+                <HubPie />
+            </div>
+        </div>
+    </div>
+</template>
\ No newline at end of file
-- 
GitLab