From 39f1774a2bd4fe283cb9083bc8f70b9dd92f09fc Mon Sep 17 00:00:00 2001
From: 7836246 <go7836246@gmail.com>
Date: Sat, 2 Mar 2024 18:06:08 +0800
Subject: [PATCH] =?UTF-8?q?:lipstick:=20=E4=BC=98=E5=8C=96Layouts=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/common/Bulletin.vue | 24 ++++++++++++++++++++++++
 layouts/default.vue            | 12 +-----------
 layouts/result.vue             | 12 +-----------
 pages/result/[domain].html.vue | 17 ++++++-----------
 4 files changed, 32 insertions(+), 33 deletions(-)
 create mode 100644 components/common/Bulletin.vue

diff --git a/components/common/Bulletin.vue b/components/common/Bulletin.vue
new file mode 100644
index 0000000..8f78719
--- /dev/null
+++ b/components/common/Bulletin.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+defineProps({
+  text: String
+})
+</script>
+
+<template>
+  <!-- 公告部分 -->
+  <div class="bg-gray-200 p-3 rounded-md mb-5 dark:bg-[#5b77af]">
+    <div class="flex items-center">
+      <i aria-hidden="true" class="icon fas fa-bullhorn mr-3"></i>
+    </div>
+    <div class="flex-grow">
+      <div class="text-sm text-gray-800 dark:text-white">
+        {{ text }}
+        <slot name="text" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+
+</style>
diff --git a/layouts/default.vue b/layouts/default.vue
index c9deb65..2aae816 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -85,17 +85,7 @@ const timeStore = useTimeStore()
           </UButton>
         </UForm>
       </div>
-      <!-- 公告部分 -->
-      <div class="bg-gray-200 p-3 rounded-md mb-5 dark:bg-[#5b77af]">
-        <div class="flex items-center">
-          <i aria-hidden="true" class="icon fas fa-bullhorn mr-3"></i>
-        </div>
-        <div class="flex-grow">
-          <div class="text-sm text-gray-800 dark:text-white">
-            ➡️ {{ t('index.tips') }}
-          </div>
-        </div>
-      </div>
+     <CommonBulletin :text="`➡️ ${t('index.tips') }`" />
       <ClientOnly>
       <div class="flex justify-between w-full">
         <div>
diff --git a/layouts/result.vue b/layouts/result.vue
index a0cc291..9ad6aa1 100644
--- a/layouts/result.vue
+++ b/layouts/result.vue
@@ -85,17 +85,7 @@ const timeStore = useTimeStore()
           </UButton>
         </UForm>
       </div>
-      <!-- 公告部分 -->
-      <div class="bg-gray-200 p-3 rounded-md mb-5 dark:bg-[#5b77af]">
-        <div class="flex items-center">
-          <i aria-hidden="true" class="icon fas fa-bullhorn mr-3"></i>
-        </div>
-        <div class="flex-grow">
-          <div class="text-sm text-gray-800 dark:text-white">
-            ➡️ {{ t('index.tips') }}
-          </div>
-        </div>
-      </div>
+
       <ClientOnly>
         <div class="flex justify-between w-full">
           <div>
diff --git a/pages/result/[domain].html.vue b/pages/result/[domain].html.vue
index f050113..062fc32 100644
--- a/pages/result/[domain].html.vue
+++ b/pages/result/[domain].html.vue
@@ -105,17 +105,12 @@ useHead({
   </table>
 
   <!-- 公告部分 -->
-  <div v-else class="mt-5 bg-gray-200 p-3 rounded-md mb-5 dark:bg-[#5b77af]">
-    <div class="flex items-center">
-      <i aria-hidden="true" class="icon fas fa-bullhorn mr-3"></i>
-    </div>
-    <div class="flex-grow">
-      <div class="text-sm text-gray-800 dark:text-white">
-        <Icon name="bx:error" size="16px" color="red" />
-        {{ t('error.notFound') }}
-      </div>
-    </div>
-  </div>
+  <CommonBulletin v-else class="mt-5"  >
+    <template #text>
+      <Icon name="bx:error" size="16px" color="red" />
+      {{ t('error.notFound') }}
+    </template>
+  </CommonBulletin>
 
   <div
       class="w-full  bg-[#fffffe] mt-5 p-4 shadow-lg rounded-lg whitespace-pre-wrap dark:text-gray-200 dark:bg-gray-800"