feat: 0514版本更新

feat:整理出一套纯前端
style: 关于本站内容调整，头部样式修改
fix: 简化mock数据格式

src/components/Home/About.vue

@@ -1,34 +1,28 @@
 <script setup lang="ts">
-// import { ref } from 'vue'
-// import { copy } from '@/utils/string'
-// const info = reactive({
-//   title: "关于本站",
-// })
-const feedBackUrl = import.meta.env.VITE_FEEDBACK_URL
-//copy
-// const copyRes = async (resStr: string) => {
-//   copy(resStr)
-// }
 </script>
 
 <template>
-  <div class="flex flex-col mt-3 flex-1">
-    <div class="bg-white rounded-md p-5">
-      <br>
-      <p>本项目基于 <el-link class="" href="https://github.com/taoran1401/tools-web" target="_blank" type="primary">tools-web</el-link> 构建</p>
-      <br>
-      <p class=""><span class="bg-gray-200 p-1">ctrl + D</span>收藏本站，以便以后使用</p>
-      <br>
-      <p class="font-bold">联系作者/问题反馈</p>
-      <br>
-      <p>反馈中心：<el-link :href="feedBackUrl">{{ feedBackUrl }}</el-link></p>
-      <br>
-      <p>邮箱：taoran0796@163.com</p>
-      <br>
+  <div class="flex flex-col mt-3 flex-1 items-center bg-white rounded-md p-10">
+    <div class="p-5 w-2/3">
+      <h1 class="text-2xl font-bold">关于 Tools-Web</h1>
+      <p class="mt-6">
+        <el-text>Tools-Web 是一款轻量的工具集合站，包含开发、文本、媒体、图表、生活、查询等相关工具；如果对您有帮助，请将其分享给您的朋友，并且添加到收藏夹中！</el-text>
+      </p>
+
+      <h1 class="text-2xl font-bold mt-6 mb-6">技术</h1>
+      <p>
+        <el-text>主要基于Vite + Vue + ElementPlus + Typescript + TailwindCss开发，某些工具使用了第三方开源库，您可以在仓库的 <el-link href="https://github.com/taoran1401/tools-web/blob/master/package.json" target="_blank" type="primary">package.json</el-link> 文件中找到完整的列表。</el-text>
+      </p>
+      <h1 class="text-2xl font-bold mt-6 mb-6">发现了 Bug？提价贡献？</h1>
+      <p>
+        <el-text>如果您发现了 Bug，或者某些功能未能按预期工作，请在 GitHub 仓库的 <el-link type="primary" target="_blank" href="https://github.com/taoran1401/tools-web/issues/new" class="">issues</el-link> 中提交错误报告。</el-text>
+      </p>
     </div>
   </div>
 </template>
 
 <style scoped>
-
+.title{
+  /* rgb(51, 54, 57) */
+}
 </style>