chunzhi/whois
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

💄 优化Layouts样式

Browse Source
This commit is contained in:
7836246 2024-03-02 18:06:08 +08:00
parent f31a7e6544
commit 39f1774a2b
4 changed files with 32 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
components/common/Bulletin.vue Normal file
View File

@ -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>

12
layouts/default.vue
View File

@ -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>

12
layouts/result.vue
View File

@ -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>

17
pages/result/[domain].html.vue
View File

@ -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"