chore: Update download links and improve code structure in README.md

Gzh0821 · Jul 14, 2024 · 1075800 · 1075800
1 parent 32f3b30
commit 1075800
Showing 1 changed file with 35 additions and 25 deletions.
diff --git a/src/download/README.md b/src/download/README.md
@@ -12,8 +12,22 @@ category:
 
 <script setup>
 import axios from 'axios';
-import { reactive, onBeforeMount } from 'vue'
-const data = reactive({});
+import { ref, onBeforeMount } from 'vue'
+
+// const dataFormat = {
+//     "Version": "",
+//     "InsideVersion": "",
+//     "Download": {
+//         "Baidu": "",
+//         "Pan123": "",
+//         "Quark": "",
+//         "Github": "",
+//         "Onedrive": "",
+//         "OnedriveOrigin": ""
+//     }
+// }
+
+const data = ref(null);
 
 onBeforeMount(() => {
   axios.get('/jsons/gameinfo.json').then(res => {
@@ -24,7 +38,7 @@ onBeforeMount(() => {
 </script>
 
 > [!warning]
-> 请注意：本页面提供的下载链接仅供学习交流使用，不得用于商业用途，请于下载后24小时内删除。
+> 请注意：本页面提供的下载链接仅供学习交流使用，不得用于商业用途，请于下载后 24 小时内删除。
 >
 > 下载或在线游玩表示您已阅读并同意以下协议和声明：
 >
@@ -40,43 +54,39 @@ onBeforeMount(() => {
 
 > [!info]
 > 由于游戏资源文件较多，在线游玩可能会有加载速度较慢及卡顿现象，若需要快速加载，请选择下载游戏客户端压缩包游玩。
-> 
-> 推荐使用Onedrive和Github下载方式，下载速度较快，且不需要网盘客户端。
-> 
-> Onedrive和Github下载方式可能由于网络环境问题无法访问，请自行搜索解决。
-
-本站只提供最新正式版本的下载链接<span v-if="data.value?.Version">，当前最新的游戏版本为 {{ data.value.Version }}</span>。
+>
+> 推荐使用 Onedrive 和 Github 下载方式，下载速度较快，且不需要网盘客户端。
+>
+> Onedrive 和 Github 下载方式可能由于网络环境问题无法访问，请自行搜索解决。
 
+本站只提供最新正式版本的下载链接<span v-if="data?.Version">，当前最新的游戏版本为 {{ data.Version }}</span>。
 
-## Onedrive链接 <Badge text="推荐" type="tip" />
+## Onedrive 链接 <Badge text="推荐" type="tip" />
 
-下载链接：<span v-if="data.value?.Download.Onedrive">
-<a :href="data.value.Download.Onedrive">点击进入</a>
+下载链接：<span v-if="data?.Download.Onedrive">
+<a :href="data.Download.Onedrive">点击进入</a>
 </span><span v-else>暂无</span>
 
 ## 百度网盘
 
-下载链接：<span v-if="data.value?.Download.Baidu">
-<a :href="data.value.Download.Baidu">点击进入</a>
+下载链接：<span v-if="data?.Download.Baidu">
+<a :href="data.Download.Baidu">点击进入</a>
 </span><span v-else>暂无</span>
 
-## 123网盘链接
+## 123 网盘链接
 
-下载链接：<span v-if="data.value?.Download.Pan123">
-<a :href="data.value.Download.Pan123">点击进入</a>
+下载链接：<span v-if="data?.Download.Pan123">
+<a :href="data.Download.Pan123">点击进入</a>
 </span><span v-else>暂无</span>
 
 ## 夸克网盘链接
 
-下载链接：<span v-if="data.value?.Download.Quark">
-<a :href="data.value.Download.Quark">点击进入</a>
+下载链接：<span v-if="data?.Download.Quark">
+<a :href="data.Download.Quark">点击进入</a>
 </span><span v-else>暂无</span>
 
-## Github链接
+## Github 链接
 
-下载链接：<span v-if="data.value?.Download.Github">
-<a :href="data.value.Download.Github">点击进入</a>
+下载链接：<span v-if="data?.Download.Github">
+<a :href="data.Download.Github">点击进入</a>
 </span><span v-else>暂无</span>
-
-
-