feat: refactor login and hot news components; integrate DraggableWindow for dynamic window management in desktop layout

This commit is contained in:
yuanhau 2025-05-12 09:15:54 +08:00
parent 163f613058
commit 542a22f168
3 changed files with 219 additions and 17 deletions

View file

@ -13,7 +13,6 @@ try {
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-black rounded-lg m-4"
@ -62,5 +61,5 @@ const title = ref("Hot News");
</li>
</ul>
</div>
</div> </DraggableWindow>
</div>
</template>

View file

@ -1,10 +1,5 @@
<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>
@ -16,5 +11,4 @@ const title = ref("Login");
</button>
</form>
</div>
</DraggableWindow>
</template>