yuanhau/news-analyze
1
0
Fork 0
mirror of https://github.com/hpware/news-analyze.git synced 2025-06-23 21:14:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

feat: update i18n configuration, enhance news organization page layout, and add logo URL

Browse source
This commit is contained in:
yuanhau 2025-05-06 16:34:35 +08:00
parent dce96b3a35
commit 6995c7f5d2
4 changed files with 19 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

27
pages/newsOrgAbout/[slug].vue
View file

@ -30,22 +30,19 @@ useSeoMeta({
import { GlobeAltIcon } from "@heroicons/vue/24/outline";
</script>
<template>
<div>
<div class="text-center align-center justify-center">
<h1>{{ fetchNewsOrgInfo?.title }}</h1>
<h2>{{ fetchNewsOrgInfo?.description }}</h2>
<div class="gap-[3px] flex flex-row text-center align-center justify-center">
<a :href="fetchNewsOrgInfo?.website" target="_blank" class="text-blue-900 hover:text-blue-800 transiton-all duration-100 flex flex-row"><GlobeAltIcon class="w-6 h-6" />網站</a>
<div class="flex flex-row bg-[#AAACAAFF] rounded-3xl p-3 gap-3 m-3">
<NuxtImg :src="fetchNewsOrgInfo?.logoUrl" class="w-48 h-48 rounded-[10px]"/>
<div class="flex flex-col gap-3 text-left">
<h1 class="text-4xl font-bold m-3 text-left">{{ fetchNewsOrgInfo?.title }}</h1>
<span class="text-ms m-1 mt-5 text-left text-wrap">{{ fetchNewsOrgInfo?.description }}</span>
</div>
</div>
<div class="gap-[3px] flex flex-row text-center align-center justify-center">
<a :href="fetchNewsOrgInfo?.website" target="_blank" class="text-blue-200 hover:text-blue-300 transiton-all duration-100 flex flex-row"><GlobeAltIcon class="w-6 h-6" />網站</a>
</div>
</div>
</div>
<!--<div v-if="loading">
<div class="fixed top-0 left-0 right-0 bottom-0 w-full h-screen flex flex-col justify-center items-center bg-[#DEDEDE73]">
<div class="text-center">
<svg class="animate-spin h-10 w-10" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
</div>
<span class="text-m .animate__animated .animate__fadeOut">{{ t("loading") }}</span>
</div>
</div>-->
</template>