fix: pricing页面添加QRCODE

Author: JoaHuang

docs/.vuepress/components/Pricing.vue

@@ -1,6 +1,12 @@
 <script lang="ts" setup>
-import { NButton, NCard, NGrid, NGridItem, NH1, NIcon, NSpace, NText } from "naive-ui";
+import { NButton, NCard, NGrid, NGridItem, NH1, NIcon, NSpace, NText, NModal } from "naive-ui";
 import Check from './icon/Check.vue'
+import { ref } from 'vue'
+
+const showContactModal = ref(false)
+
+const qrCode = ref('https://oss.hutool.cn/hutool/kefu/m%20p.jpg?Content-Disposition=attachment%3B%20filename%3D%22kefu%2Fm%20p.jpg%22&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=admin%2F20250515%2F%2Fs3%2Faws4_request&X-Amz-Date=20250515T064327Z&X-Amz-Expires=432000&X-Amz-SignedHeaders=host&X-Amz-Signature=3d7c19f17b395a37f19b240264e81474d64f2588e820c5c98c6ce6db5467829e')
+
 let data = {
   pricing: [
     {
@@ -17,13 +23,13 @@ let data = {
       btns: [{
         text: 'Download',
         link: 'https://github.com/alist-org/alist/releases'
-      },
-      {
-        text: "Sponsor",
-        link: "/guide/sponsor.html",
-        secondary: false,
-        type: "error"
       }
+        // ,{
+        //   text: "Sponsor",
+        //   link: "/guide/sponsor.html",
+        //   secondary: false,
+        //   type: "error"
+        // }
       ]
     },
     {
@@ -43,12 +49,12 @@ let data = {
         {
           text: 'Download',
           link: 'https://github.com/alist-org/desktop-release/releases',
-        },
-        {
-          text: 'Buy',
-          link: 'https://store.nn.ci/checkout/buy/51dca247-20df-4991-8104-54ca534bcc82',
-          type: 'success'
         }
+        // ,{
+        //   text: 'Buy',
+        //   link: 'https://store.nn.ci/checkout/buy/51dca247-20df-4991-8104-54ca534bcc82',
+        //   type: 'success'
+        // }
       ]
     },
     {
@@ -88,12 +94,14 @@ if (location.pathname.startsWith("/zh/")) {
         btns: [{
           text: '下载',
           link: 'https://github.com/alist-org/alist/releases',
-        }, {
-          text: "赞助",
-          link: "/zh/guide/sponsor.html",
-          secondary: false,
-          type: "error"
-        }]
+        }
+          // , {
+          //   text: "赞助",
+          //   link: "/zh/guide/sponsor.html",
+          //   secondary: false,
+          //   type: "error"
+          // }
+        ]
       },
       {
         title: 'AList桌面版',
@@ -112,12 +120,12 @@ if (location.pathname.startsWith("/zh/")) {
           {
             text: '下载',
             link: 'https://github.com/alist-org/desktop-release/releases',
-          },
-          {
-            text: '购买',
-            link: 'https://r.nn.ci/ad',
-            type: 'success'
           }
+          // ,{
+          //   text: '购买',
+          //   link: 'https://r.nn.ci/ad',
+          //   type: 'success'
+          // }
         ]
       },
       {
@@ -132,15 +140,19 @@ if (location.pathname.startsWith("/zh/")) {
         ],
         btns: [{
           text: '联系',
-          link: 'mailto:[email protected]'
+          link: 'mailto:[email protected]',
         }]
       }
     ],
   };
 }
 
 function openLink(link: string) {
-  window.open(link, "_blank");
+  if (link === 'mailto:[email protected]') {
+    showContactModal.value = true
+  } else {
+    window.open(link, "_blank");
+  }
 }
 
 </script>
@@ -165,9 +177,30 @@ function openLink(link: string) {
       </NCard>
     </NGridItem>
   </NGrid>
+
+  <NModal v-model:show="showContactModal" preset="dialog" title="联系我们">
+    <template #default>
+      <p>请通过以下二维码联系我们：</p>
+      <div class="qr-code">
+        <img
+          :src="qrCode"
+          alt="联系我们" style="width: 300px; height: 350px;">
+      </div>
+      <!-- <p>邮箱：[email protected]</p> -->
+    </template>
+    <template #action>
+      <NButton @click="showContactModal = false">关闭</NButton>
+    </template>
+  </NModal>
 </template>
 
 <style scoped>
+.qr-code {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 .list {
   min-height: 334px;
 }

docs/guide/README.md

@@ -85,11 +85,11 @@ Please go to our [discussion forum](https://github.com/Xhofe/alist/discussions)
 
 - https://al.nn.ci
 
-### Special sponsors
+<!-- ### Special sponsors
 
 - [VidHub](https://apps.apple.com/app/apple-store/id1659622164?pt=118612019&ct=alist&mt=8) - An elegant cloud video player within the Apple ecosystem. Support for iPhone, iPad, Mac, and Apple TV.
 - [亚洲云](https://www.asiayun.com/aff/QQCOOQKZ) - 高防服务器|服务器租用|福州高防|广东电信|香港服务器|美国服务器|海外服务器 - 国内靠谱的企业级云计算服务提供商 (sponsored Chinese API server)
-- [找资源](http://zhaoziyuan2.cc/) - 阿里云盘资源搜索引擎
+- [找资源](http://zhaoziyuan2.cc/) - 阿里云盘资源搜索引擎 -->
 
 ### License