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

Clean the awful code.

Browse source
This commit is contained in:
yuanhau 2025-05-07 10:53:14 +08:00
parent 98ffbec764
commit 569cd087e7
15 changed files with 193 additions and 167 deletions
Download patch file Download diff file Expand all files Collapse all files

77
pages/home.vue
View file

@ -1,48 +1,63 @@
<script setup lang="ts">
import { gsap } from 'gsap'
import { TextPlugin } from 'gsap/TextPlugin'
gsap.registerPlugin(TextPlugin)
import { gsap } from "gsap";
import { TextPlugin } from "gsap/TextPlugin";
gsap.registerPlugin(TextPlugin);
const { t } = useI18n();
const popMessage = ref(null);
const messages = [t("home.moving.newsPlatform"), t("home.moving.miniWikipedia"), t("home.moving.newsComparePlatform"), "BlindSpec"];
const messages = [
t("home.moving.newsPlatform"),
t("home.moving.miniWikipedia"),
t("home.moving.newsComparePlatform"),
"BlindSpec",
];
onMounted(() => {
const tl = gsap.timeline({ repeat: -1 })
const tl = gsap.timeline({ repeat: -1 });
messages.forEach((message) => {
tl.to(popMessage.value, {
duration:0.5,
text:message,
ease: "none."
duration: 0.5,
text: message,
ease: "none.",
}).to(popMessage.value, {
duration:2,
text:message,
ease: "none."
})
for (let i = message.length; i >=0; i--) {
duration: 2,
text: message,
ease: "none.",
});
for (let i = message.length; i >= 0; i--) {
tl.to(popMessage.value, {
duration:0.06,
text:message.substring(0, i),
ease: "none"
})
duration: 0.06,
text: message.substring(0, i),
ease: "none",
});
}
})
})
});
});
</script>
<template>
<div>
<div class="flex flex-col justify-center align-center text-center absolute w-full h-screen inset-x-0 inset-y-0">
<span class="text-3xl">
<span class="bg-gradient-to-b from-[#eee] to-[#333] bg-clip-text text-transparent">{{ t("home.nonMoving") }}</span>
<span ref="popMessage" class="bg-gradient-to-r from-[#2a7b9b] then-[#8d57c7] to-[#ed4242] bg-clip-text text-transparent"></span></span>
<NuxtLink>
<button class="m-4 bg-[#8C9393] text-white p-3 rounded-full bg-gradient-to-l from-sky-500 to-purple-600 transition-all duration-100">
<span>{{ t("home.startusing") }}</span>
</button>
</NuxtLink>
<div
class="flex flex-col justify-center align-center text-center absolute w-full h-screen inset-x-0 inset-y-0"
>
<span class="text-3xl">
<span
class="bg-gradient-to-b from-[#eee] to-[#333] bg-clip-text text-transparent"
>{{ t("home.nonMoving") }}</span
>
<span
ref="popMessage"
class="bg-gradient-to-r from-[#2a7b9b] then-[#8d57c7] to-[#ed4242] bg-clip-text text-transparent"
></span
></span>
<NuxtLink>
<button
class="m-4 bg-[#8C9393] text-white p-3 rounded-full bg-gradient-to-l from-sky-500 to-purple-600 transition-all duration-100"
>
<span>{{ t("home.startusing") }}</span>
</button>
</NuxtLink>
</div>
<div class="h-screen"></div>
</div>
</template>
</template>