From a4d178375fc115fd90f251e29fae9cdf8ac4c4b2 Mon Sep 17 00:00:00 2001
From: Cjsah <cjsah@cjsah.com>
Date: Fri, 3 May 2024 14:21:12 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=A8=E9=83=A8=E6=94=B9=E4=B8=BA@=E5=BC=95?=
 =?UTF-8?q?=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                 | 14 +++++-----
 src/views/AboutPage.vue     | 53 ++++++++++++++++++++-----------------
 src/views/ImageViewPage.vue | 14 +++++-----
 src/views/MainPage.vue      | 42 +++++++++++------------------
 src/views/SupportPage.vue   | 19 +++++++------
 5 files changed, 65 insertions(+), 77 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index d7f9cd5..cd40edb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -10,13 +10,13 @@ import {
   RedEnvelopeOutlined,
   GithubOutlined
 } from '@ant-design/icons-vue';
-import Icon from './assets/icon.svg';
-import Curseforge from './assets/curseforge.svg';
-import Modrinth from './assets/modrinth.svg';
-import BiliBili from './assets/bilibili.svg';
-import Mcmod from './assets/mcmod.svg';
-import QQ from './assets/QQ.svg';
-import KOOK from './assets/kook.svg';
+import Icon from '@/assets/icon.svg';
+import Curseforge from '@/assets/curseforge.svg';
+import Modrinth from '@/assets/modrinth.svg';
+import BiliBili from '@/assets/bilibili.svg';
+import Mcmod from '@/assets/mcmod.svg';
+import QQ from '@/assets/QQ.svg';
+import KOOK from '@/assets/kook.svg';
 import router from '@/router/index.ts';
 
 const items = ref([
diff --git a/src/views/AboutPage.vue b/src/views/AboutPage.vue
index daf1c1b..492a102 100644
--- a/src/views/AboutPage.vue
+++ b/src/views/AboutPage.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import {UserFilled} from "@element-plus/icons-vue";
-import Supporters from "../assets/supporters.json";
-import Authors from "../assets/authors.json";
-import Contributors from "../assets/contributors.json";
-import BiliBili from "../assets/bilibili.svg";
+import { UserFilled } from '@element-plus/icons-vue';
+import Supporters from '@/assets/supporters.json';
+import Authors from '@/assets/authors.json';
+import Contributors from '@/assets/contributors.json';
+import BiliBili from '@/assets/bilibili.svg';
 
-Supporters.sort((a, b) => b.money - a.money)
+Supporters.sort((a, b) => b.money - a.money);
 </script>
 
 <template>
@@ -15,44 +15,49 @@ Supporters.sort((a, b) => b.money - a.money)
         <template #title>
           <a-avatar size="large" :src="author.avatar">
             <template #icon>
-              <UserFilled/>
+              <UserFilled />
             </template>
           </a-avatar>
           {{ author.name }}
         </template>
         <template #extra>
-          <a v-if="author.uid" :href="'https://space.bilibili.com/'+author.uid" target="_blank"
-             style="margin-right: 80px">
-            <a-image :src="BiliBili" style="height:32px;width:32px" :preview="false"/>
+          <a
+            v-if="author.uid"
+            :href="'https://space.bilibili.com/' + author.uid"
+            target="_blank"
+            style="margin-right: 80px">
+            <a-image :src="BiliBili" style="height: 32px; width: 32px" :preview="false" />
           </a>
         </template>
         <p v-for="desc in author.desc">
           {{ desc }}
         </p>
-        <p class="copy" v-if="author.copyright">——引自<a :href="author.copyright.link" target="_blank">{{
-            author.copyright.name
-          }}</a></p>
+        <p class="copy" v-if="author.copyright">
+          ——引自
+          <a :href="author.copyright.link" target="_blank">{{ author.copyright.name }}</a>
+        </p>
       </a-card>
     </a-badge-ribbon>
   </a>
 
   <a-card class="main-card" hoverable bordered>
-    <template #title>
-      贡献者
-    </template>
+    <template #title>贡献者</template>
     <a v-for="contributor in Contributors" :href="contributor.link" target="_blank">
       <a-badge-ribbon :text="contributor.work" color="green">
         <a-card class="sub-card" hoverable bordered>
           <template #extra>
-            <a v-if="contributor.uid" :href="'https://space.bilibili.com/'+contributor.uid" target="_blank"
-               style="margin-right: 80px">
-              <a-image :src="BiliBili" style="height:32px;width:32px" :preview="false"/>
+            <a
+              v-if="contributor.uid"
+              :href="'https://space.bilibili.com/' + contributor.uid"
+              target="_blank"
+              style="margin-right: 80px">
+              <a-image :src="BiliBili" style="height: 32px; width: 32px" :preview="false" />
             </a>
           </template>
           <template #title>
             <a-avatar :src="contributor.avatar" size="large" style="margin: 5px">
               <template #icon>
-                <UserFilled/>
+                <UserFilled />
               </template>
             </a-avatar>
             <a-typography-text style="font-size: 15px">
@@ -65,16 +70,14 @@ Supporters.sort((a, b) => b.money - a.money)
   </a-card>
 
   <a-card class="main-card" hoverable bordered>
-    <template #title>
-      赞助榜
-    </template>
+    <template #title>赞助榜</template>
     <a v-for="supporter in Supporters" :href="supporter.link" target="_blank">
       <a-badge-ribbon text="实力富哥💵" color="pink">
         <a-card hoverable bordered class="sub-card">
           <template #title>
             <a-avatar :src="supporter.avatar" size="large" style="margin: 5px">
               <template #icon>
-                <UserFilled/>
+                <UserFilled />
               </template>
             </a-avatar>
             <a-typography-text style="font-size: 15px">
@@ -99,4 +102,4 @@ Supporters.sort((a, b) => b.money - a.money)
 .sub-card {
   margin: 5px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/ImageViewPage.vue b/src/views/ImageViewPage.vue
index af10853..33aa416 100644
--- a/src/views/ImageViewPage.vue
+++ b/src/views/ImageViewPage.vue
@@ -1,13 +1,11 @@
-<script setup lang="ts">
-
-</script>
+<script setup lang="ts"></script>
 
 <template>
   <a-card hoverable>
-    <iframe class="figma"
-            src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FG2D61Qjrk2u0h0HZKbkzjF%2Fanvilcraft-mod%3Ftype%3Dwhiteboard%26node-id%3D0%253A1%26t%3DSmrwfjrALTWFYlqh-1"
-            allowfullscreen
-    />
+    <iframe
+      class="figma"
+      src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FG2D61Qjrk2u0h0HZKbkzjF%2Fanvilcraft-mod%3Ftype%3Dwhiteboard%26node-id%3D0%253A1%26t%3DSmrwfjrALTWFYlqh-1"
+      allowfullscreen />
   </a-card>
 </template>
 
@@ -17,4 +15,4 @@
   width: 100%;
   height: calc(100vh - 228px);
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/MainPage.vue b/src/views/MainPage.vue
index 02fe8ce..b8163be 100644
--- a/src/views/MainPage.vue
+++ b/src/views/MainPage.vue
@@ -1,42 +1,30 @@
 <script setup lang="ts">
-import ImageFill from "../assets/image-fill.svg";
+import ImageFill from '@/assets/image-fill.svg';
 </script>
 
 <template>
   <a-card hoverable bordered>
-    <div style="width: 100%;text-align: center">
-      <a-image :width="640"
-               :height="360"
-               style="width: 100%"
-               src="https://www.antdv.com/#error"
-               :fallback="ImageFill"
-      />
+    <div style="width: 100%; text-align: center">
+      <a-image
+        :width="640"
+        :height="360"
+        style="width: 100%"
+        src="https://www.antdv.com/#error"
+        :fallback="ImageFill" />
     </div>
-    <a-divider/>
+    <a-divider />
     <a-typography-paragraph>
       铁砧工艺是一个以铁砧下落砸到方块、物品或生物触发效果的模组
     </a-typography-paragraph>
-    <a-typography-paragraph>
-      铁砧下方放置不同方块会触发不同效果
-    </a-typography-paragraph>
-    <a-typography-paragraph>
-      有利于实现一些原版难以实现的自动化生产
-    </a-typography-paragraph>
-    <a-typography-paragraph>
-      可以再生一些原版不可再生物品
-    </a-typography-paragraph>
+    <a-typography-paragraph>铁砧下方放置不同方块会触发不同效果</a-typography-paragraph>
+    <a-typography-paragraph>有利于实现一些原版难以实现的自动化生产</a-typography-paragraph>
+    <a-typography-paragraph>可以再生一些原版不可再生物品</a-typography-paragraph>
     <a-typography-paragraph>
       为了方便将铁砧上抬，增加了磁铁，此部分完全可以使用原版红石机械代替，但较为繁琐
     </a-typography-paragraph>
-    <a-typography-paragraph>
-      模组后期发展有独特的科技部分
-    </a-typography-paragraph>
-    <a-typography-paragraph>
-      提高了原版附魔的上限，包含一些魔法性质的玩法
-    </a-typography-paragraph>
+    <a-typography-paragraph>模组后期发展有独特的科技部分</a-typography-paragraph>
+    <a-typography-paragraph>提高了原版附魔的上限，包含一些魔法性质的玩法</a-typography-paragraph>
   </a-card>
 </template>
 
-<style scoped>
-
-</style>
\ No newline at end of file
+<style scoped></style>
diff --git a/src/views/SupportPage.vue b/src/views/SupportPage.vue
index f21a431..b75ece5 100644
--- a/src/views/SupportPage.vue
+++ b/src/views/SupportPage.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
 const qrcodes = [
   {
-    name: "支付宝",
-    value: "https://qr.alipay.com/fkx189991xm3pdujnw1mxb0"
+    name: '支付宝',
+    value: 'https://qr.alipay.com/fkx189991xm3pdujnw1mxb0'
   },
   {
-    name: "微信",
-    value: "wxp://f2f0-fpSqA1Q3ig3rSGlxpZzq5HfND8n5JYnqJK1ecp29scXBlRx2gKE_9JLIaJL4_Di"
+    name: '微信',
+    value: 'wxp://f2f0-fpSqA1Q3ig3rSGlxpZzq5HfND8n5JYnqJK1ecp29scXBlRx2gKE_9JLIaJL4_Di'
   }
-]
+];
 </script>
 
 <template>
@@ -17,12 +17,11 @@ const qrcodes = [
       <template #title>
         <a-typography-text style="font-size: 50px">
           {{ qrcode.name }}
-        </a-typography-text><br>
-        <a-typography-text style="color: darkgray">
-          请备注称呼、游戏ID和B站UID
         </a-typography-text>
+        <br />
+        <a-typography-text style="color: darkgray">请备注称呼、游戏ID和B站UID</a-typography-text>
       </template>
-      <a-qrcode size="300" :value="qrcode.value"/>
+      <a-qrcode size="300" :value="qrcode.value" />
     </a-card>
   </div>
 </template>
@@ -38,4 +37,4 @@ const qrcodes = [
 .qr-code-card {
   display: inline-block;
 }
-</style>
\ No newline at end of file
+</style>