From 1211efae37dd5721d3345d63b8e3d93daf40c4e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=A7=89?= <huan0016@gmail.com>
Date: Thu, 19 Oct 2023 01:12:34 +0800
Subject: [PATCH] =?UTF-8?q?=E8=81=8A=E5=A4=A9=E7=AA=97=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/chat.js | 31 ++++++++++++++++++-------------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/src/chat.js b/src/chat.js
index af084e6..07ac6cc 100644
--- a/src/chat.js
+++ b/src/chat.js
@@ -1,4 +1,4 @@
-import { Span, Button, List, ListItem } from './weigets.js'
+import { Span, Button, List, ListItem, Input } from './weigets.js'
 
 // 先不划分频道, 只有一个公共聊天室
 export default class Chat {
@@ -9,18 +9,23 @@ export default class Chat {
         document.body.appendChild(this.ul)   // 元素加入页面
 
         // 添加输入框
-        const input = document.createElement('input')
-        input.type = 'text'
-        input.placeholder = '输入聊天内容'
-        input.style.width = '100%'
-        input.style.height = '5rem'
-        input.style.margin = '1rem 2rem'
-        input.addEventListener('keydown', event => {
-            if (event.key === 'Enter') {
-                const text = input.value.trim()
-                if (text) {
-                    this.send(text)
-                    input.value = ''
+        const input = Input({
+            type: 'text',
+            placeholder: '输入聊天内容',
+            style: {
+                height: '5rem',
+                margin: '1rem 2rem',
+                padding: '1rem',
+                boxSizing: 'border-box',
+                boxShadow: '0 0 1rem #eee',
+            },
+            onkeydown: event => {
+                if (event.key === 'Enter') {
+                    const text = input.value.trim()
+                    if (text) {
+                        this.send(text)
+                        input.value = ''
+                    }
                 }
             }
         })