Add Alert

iPaperClipICU · Jul 6, 2024 · 8abbde1 · 8abbde1
1 parent d0ea754
commit 8abbde1
Showing 1 changed file with 17 additions and 1 deletion.
diff --git a/src/App.vue b/src/App.vue
@@ -23,6 +23,22 @@
             style="max-width: 1120px; margin: 0 auto"
             :style="{ padding: publicStore.deviceType === 'pc' ? '20px 16px' : '20px 12px' }"
           >
+            <n-alert title="温馨提示" type="info" style="margin-bottom: 5px">
+              <n-p>本网站并不是由 回形针PaperClip/基本操作PlayClass 的官方运营。</n-p>
+              <div>关于在访问 基本操作 时出现问题，请访问以下域名并信任证书以解决</div>
+              <div>
+                -
+                <n-a href="https://api.jibencaozuo.com/" target="_blank"
+                  >https://api.jibencaozuo.com/</n-a
+                >
+              </div>
+              <div>
+                -
+                <n-a href="https://media.paperclipclub.net/" target="_blank"
+                  >https://media.paperclipclub.net/</n-a
+                >
+              </div>
+            </n-alert>
             <n-collapse-transition :show="downloadStore.switch">
               <DownloadControlCard />
             </n-collapse-transition>
@@ -45,7 +61,7 @@
 
 <script setup lang="ts">
 import { NBackTop, NCollapseTransition } from "naive-ui";
-import { NA, NLayout, NLayoutHeader, NLayoutSider, NLayoutContent } from "naive-ui";
+import { NA, NP, NAlert, NLayout, NLayoutHeader, NLayoutSider, NLayoutContent } from "naive-ui";
 import { zhCN, darkTheme, NGlobalStyle, NConfigProvider } from "naive-ui"; // NaiveUI Config
 
 import { usePublicStore, useDownloadStore } from "./stores";