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

Intergr

Browse source
This commit is contained in:
yuanhau 2025-05-12 06:41:43 +08:00
parent b461e81360
commit 163f613058
5 changed files with 52 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

30
components/DraggableWindow.vue
View file

@ -58,29 +58,29 @@ onUnmounted(() => {
width: props.width || '400px',
height: props.height || '300px'
}"
class="fixed bg-white dark:bg-gray-800 rounded-lg shadow-lg overflow-hidden"
class="fixed bg-white dark:bg-gray-800 rounded-md shadow-lg overflow-hidden flex flex-col"
>
<div
@mousedown="startDrag"
class="bg-gray-700 p-2 cursor-move flex justify-between items-center"
class="bg-gray-700 p-2 cursor-move flex justify-between items-center flex-shrink-0"
>
<h3 class="font-semibold">{{ title }}</h3>
<div class="flex flex-row gap-1">
<button
@click="emit('close')"
class="p-1 hover:bg-gray-300 dark:hover:bg-gray-600 rounded"
>
━
</button>
<button
@click="emit('close')"
class="p-1 rounded bg-red-500 text-white hover:bg-red-600 transition duration-200"
>
✕
</button>
<button
@click="emit('close')"
class="p-1 hover:bg-gray-300 dark:hover:bg-gray-600 rounded"
>
━
</button>
<button
@click="emit('close')"
class="p-1 rounded bg-red-500 text-white hover:bg-red-600 transition duration-200"
>
✕
</button>
</div>
</div>
<div class="p-4 text-black">
<div class="p-4 text-black overflow-y-auto flex-grow">
<slot></slot>
</div>
</div>

16
components/app/hot/index.vue → components/app/windows/hotnews.vue
View file

@ -1,4 +1,5 @@
<script lang="ts" setup>
<script setup lang="ts">
import DraggableWindow from "~/components/DraggableWindow.vue";
const ffeed = ref();
const ass = ["健康2.0", "中天", "TVBS", "香港01", "ETtoday"];
import Button from "~/components/ui/button/Button.vue";
@ -9,14 +10,15 @@ try {
} catch (error) {
console.error("Error:", error);
}
const title = ref("Hot News");
</script>
<template>
<DraggableWindow :title="title" width="600px" height="400px">
<div
v-for="item in ffeed"
class="justify-center align-center text-center p-4 border border-white rounded-lg m-4"
class="justify-center align-center text-center p-4 border border-black rounded-lg m-4"
>
<span class="text-xl text-bold text-gray-100"
<span class="text-xl text-bold text-gray-900"
>{{ item.title }}
<span
v-if="ass.some((app) => item.title.includes(app))"
@ -29,7 +31,7 @@ try {
{{ new Date(item.date).toLocaleString() }}
</h4>
<div class="flex justify-center gap-2 mt-1">
<NuxtLink :to="item.link">
<NuxtLink :to="item.link" target="_blank">
<Button>文章</Button>
</NuxtLink>
<NuxtLink>
@ -60,5 +62,5 @@ try {
</li>
</ul>
</div>
</div>
</template>
</div> </DraggableWindow>
</template>

18
components/app/windows/login.vue
View file

@ -1,2 +1,20 @@
<script setup lang="ts">
import DraggableWindow from "~/components/DraggableWindow.vue";
const title = ref("Login");
</script>
<template>
<DraggableWindow :title="title">
<div class="flex flex-col items-center justify-center h-full">
<form class="flex flex-col items-center justify-center h-full">
<div class="text-xl mb-4 text-bold">Login / Register</div>
<input type="text" placeholder="Username" class="mb-2 p-2 border rounded" />
<input type="password" placeholder="Password" class="p-2 border rounded mb-2" />
<button class="bg-black text-white p-2 rounded transition duration-200">
Log In
</button>
</form>
</div>
</DraggableWindow>
</template>