From 3a168146ca07e7e46a454098209963243430a205 Mon Sep 17 00:00:00 2001
From: passthem <Passthem183@gmail.com>
Date: Fri, 7 Nov 2025 02:30:06 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=86=E9=80=BB=E8=BE=91=E6=94=B9=E6=88=90?=
 =?UTF-8?q?=20Konabot=20=E5=8F=AF=E4=BB=A5=E4=BD=BF=E7=94=A8=E7=9A=84?=
 =?UTF-8?q?=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/makequote/+page.svelte | 57 ++++++++++++++-----------------
 1 file changed, 25 insertions(+), 32 deletions(-)

diff --git a/src/routes/makequote/+page.svelte b/src/routes/makequote/+page.svelte
index 55527ad..278892b 100644
--- a/src/routes/makequote/+page.svelte
+++ b/src/routes/makequote/+page.svelte
@@ -1,35 +1,15 @@
 <script lang="ts">
-  import type { ChangeEventHandler } from "svelte/elements"
-
-  let imagePreviewUrl: string | undefined = undefined
-  let quote: string = '挂科比不挂科南'
-  let author: string = '宿舍'
-
-  const handleFileChange: ChangeEventHandler<HTMLInputElement> = (event) => {
-    const files = (event.target!! as HTMLInputElement).files
-    if (files && files.length == 1) {
-      const file = files[0]
-      imagePreviewUrl = URL.createObjectURL(file)
-    } else {
-      imagePreviewUrl = undefined
-    }
-  }
+  let image_url: string = "";
+  let quote: string = "挂科比不挂科南";
+  let author: string = "宿舍";
 </script>
 
 <header>
   <h1 class="text-2xl font-bold">Makequote</h1>
   <p>一个生成奇奇怪怪的名人名言句子的服务</p>
   <p>
-    <label for="image">选择文件：</label>
-    <input
-      type="file"
-      id="image"
-      name="image"
-      accept="image/*"
-      class="border cursor-pointer shadow"
-      required
-      on:change={handleFileChange}
-    />
+    <label for="image">图片：</label>
+    <input type="text" id="image" name="image" bind:value={image_url} />
   </p>
   <p>
     <label for="quote">名言：</label>
@@ -41,17 +21,30 @@
   </p>
 </header>
 
-<div id="main" class="w-240 h-135 relative bg-green-400 m-20 shadow text-white" style="font-family: 'Noto Sans CJK SC';">
-  {#if imagePreviewUrl}
-    <div class="absolute left-0 top-0 h-full w-130 bg-center bg-cover grayscale" style:background-image={`url(${imagePreviewUrl})`}></div>
+<div
+  id="main"
+  class="w-240 h-135 relative bg-green-400 m-20 shadow text-white"
+  style="font-family: 'Noto Sans CJK SC';"
+>
+  {#if image_url}
+    <div
+      class="absolute left-0 top-0 h-full w-130 bg-center bg-cover grayscale"
+      style:background-image={`url(${image_url})`}
+    ></div>
   {/if}
-  <div class="absolute right-0 top-0 h-full w-180" style="background: linear-gradient(0.25turn, #00000000, #000000 38.89%)">
-    <div class="box-border ml-70 w-110 h-full flex justify-center items-center px-10">
+  <div
+    class="absolute right-0 top-0 h-full w-180"
+    style="background: linear-gradient(0.25turn, #00000000, #000000 38.89%)"
+  >
+    <div
+      class="box-border ml-70 w-110 h-full flex justify-center items-center px-10"
+    >
       <div class="w-full">
-        <h1 class="text-center text-4xl font-bold my-5 wrap-break-word">{quote}</h1>
+        <h1 class="text-center text-4xl font-bold my-5 wrap-break-word">
+          {quote}
+        </h1>
         <p class="text-right">– {author}</p>
       </div>
     </div>
   </div>
 </div>
-