mirror of
https://github.com/hpware/news-analyze.git
synced 2025-06-23 13:04:23 +00:00
吳元皓
dce96b3a35
- Updated navigation bar styles for improved aesthetics and functionality. - Added loading text to English and Traditional Chinese localization files. - Enhanced the news organization about page with better layout and SEO metadata. - Updated API response to include Facebook link for news organizations. - Removed old Tailwind CSS configuration and styles, replacing them with a new main CSS file. - Updated package.json to include new dependencies and scripts for better development experience.
51 lines
No EOL
1.8 KiB
Vue
51 lines
No EOL
1.8 KiB
Vue
<script setup lang="ts">
|
|
const loading = ref(true);
|
|
const route = useRoute();
|
|
const slug = route.params.slug;
|
|
const { t, locale } = useI18n();
|
|
|
|
definePageMeta({
|
|
layout: "newsorg",
|
|
});
|
|
|
|
const { data: fetchNewsOrgInfo, pending, error } = useFetch("/api/getData/fetchNewsOrgInfo", {
|
|
method: "POST",
|
|
headers: {
|
|
"Content-Type": "application/json",
|
|
},
|
|
body: {
|
|
lang: locale,
|
|
requestPage: slug,
|
|
},
|
|
});
|
|
|
|
watchEffect(() => {
|
|
loading.value = pending.value;
|
|
});
|
|
useSeoMeta({
|
|
title: fetchNewsOrgInfo.value?.title,
|
|
});
|
|
|
|
// Import Icons
|
|
import { GlobeAltIcon } from "@heroicons/vue/24/outline";
|
|
</script>
|
|
<template>
|
|
<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>
|
|
</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> |