前端页面改造基本完成待优化

2021-12-30 22:41:53 +08:00
parent 8c2b6b2bc0
commit df9dc477ed
20 changed files with 729 additions and 720 deletions
@@ -14,37 +14,37 @@
 </template>

 <script>
-import { Commits } from '@/api/github'
-import { formatTimeToStr } from '@/utils/date.js'
 export default {
-  data() {
-    return {
-      loading: true,
-      dataTimeline: [],
-    }
-  },
-  created() {
-    this.loadCommits()
-  },
-  methods: {
-    loadCommits() {
-      Commits(0).then(({ data }) => {
-        this.loading = false
-        data.forEach((element, index) => {
-          if (element.commit.message && index < 10) {
-            this.dataTimeline.push({
-              from: formatTimeToStr(element.commit.author.date, 'yyyy-MM-dd'),
-              title: element.commit.author.name,
-              showDayAndMonth: true,
-              message: element.commit.message,
-            })
-          }
-        })
-      })
-    },
-  }
+  name: 'DashboardTable',
 }
 </script>
+<script setup>
+import { Commits } from '@/api/github'
+import { formatTimeToStr } from '@/utils/date.js'
+import { ref } from 'vue-demi'
+
+const loading = ref(true)
+const dataTimeline = ref([])
+
+const loadCommits = () => {
+  Commits(0).then(({ data }) => {
+    loading.value = false
+    data.forEach((element, index) => {
+      if (element.commit.message && index < 10) {
+        dataTimeline.value.push({
+          from: formatTimeToStr(element.commit.author.date, 'yyyy-MM-dd'),
+          title: element.commit.author.name,
+          showDayAndMonth: true,
+          message: element.commit.message,
+        })
+      }
+    })
+  })
+}
+
+loadCommits()
+</script>
+
 <style lang="scss" scoped>
 .commit-table{
    background-color: #fff;