refactor(site): rewrite with vuejs (#93)

* chore: update package version

* Refactor site (#87)

* 补全changelog文件

* 补全changelog文件

* 补全changelog文件

* 完成基本的markdown渲染

* 提交新的css (#88)

* 补全changelog文件

* 补全changelog文件

* 补全changelog文件

* 完成基本的markdown渲染

* 添加新的css

* Refactor site (#92)

* 补全changelog文件

* 补全changelog文件

* 补全changelog文件

* 完成基本的markdown渲染

* 添加新的css

* 修复倒计时居中

* 初步完成右侧窗口切换

* 优化进度条

* 导入element-plus

* 导入element-plus

* 导入element-plus

* 加入选中提示和禁用提示

* 修改背景颜色

---------

Co-authored-by: 白咕咕 <67865300+baimianxiao@users.noreply.github.com>

1 files changed, 61 insertions, 0 deletions

diff --git a/site/src/components/ChangeLog.vue b/site/src/components/ChangeLog.vue
new file mode 100644
index 0000000..e58ee39
--- /dev/null
+++ b/site/src/components/ChangeLog.vue
@@ -0,0 +1,61 @@
+<script lang="ts">
+import axios from 'axios';
+
+export default {
+  data() {
+    return {
+      ChangeLogMessage: 'testChangeLogMessage',
+    }
+  },
+  props: {
+    msg: {
+      type: String,
+      require: true
+    },
+    date: {
+      type: Date,
+      default: new Date('2024-07-14T12:00:00Z')
+    }
+  },
+  methods: {
+    getChangeLog() {
+      axios.get('https://api.github.com/repos/HydroRoll-Team/HydroRoll/releases/latest').then(res => {
+
+        this.ChangeLogMessage ="## "+ res.data['tag_name']+"\n"+res.data['body'];
+        console.log(res.data);
+      })
+    }
+  },
+  beforeMount() {
+    this.getChangeLog()
+  }
+
+}
+</script>
+
+
+<template>
+  <div class="details" style="overflow-y:scroll;overflow-x:hidden;height:100%">
+    <h3>
+      ChangeLog
+    </h3>
+    <v-md-preview :text="ChangeLogMessage"></v-md-preview>
+  </div>
+</template>
+
+
+<style scoped>
+
+
+h3 {
+  font-size: 1.2rem;
+  font-weight: 500;
+  margin-bottom: 0.4rem;
+  color: var(--color-heading);
+}
+
+.details {
+  flex: 1;
+  margin-left: 1rem;
+}
+</style>