From c3c0a37a41290dc21e94d74a6c0332d46502ae70 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=A7=89?= Date: Fri, 8 Mar 2024 14:04:12 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=BF=E6=8D=A2=E5=8F=91=E9=80=81=E4=B8=BA?= =?UTF-8?q?=E5=9B=BE=E6=A0=87?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/send.svg | 13 +++++++++++++ src/chat.js | 13 +++++++------ 2 files changed, 20 insertions(+), 6 deletions(-) create mode 100644 public/send.svg diff --git a/public/send.svg b/public/send.svg new file mode 100644 index 0000000..90a8d29 --- /dev/null +++ b/public/send.svg @@ -0,0 +1,13 @@ + + + + + + + + \ No newline at end of file diff --git a/src/chat.js b/src/chat.js index a4e0bb4..abfbf09 100644 --- a/src/chat.js +++ b/src/chat.js @@ -41,6 +41,7 @@ export default class Chat { boxShadow: '0 0 1rem #eee', border: 'none', outline: 'none', + borderRadius: '2rem' }, onkeydown: event => { event.stopPropagation() @@ -79,7 +80,6 @@ export default class Chat { } }), Button({ - textContent: '发送(Enter)', onclick: event => { const text = event.target.previousSibling.value.trim() if (text) { @@ -88,10 +88,11 @@ export default class Chat { } }, style: { - padding: '.5rem 1rem', - boxSizing: 'border-box', - boxShadow: '0 0 1rem #eee', - borderRadius: '1rem', + width: '1.2rem', + height: '1.2rem', + border: 'none', + background: 'url("/send.svg") no-repeat center / cover', + margin: 'auto 0 auto -2.6rem' } }), ] @@ -311,7 +312,7 @@ export default class Chat { maxWidth: '24rem', borderRadius: '1rem', listStyle: 'none', - backgroundColor : 'rgba(255,255,255,.9)', + backgroundColor: 'rgba(255,255,255,.9)', }, children: [ createElement({