diff --git a/src/pages/index/components/chat/ChatInputArea/index.vue b/src/pages/index/components/chat/ChatInputArea/index.vue index 85493ef..66cffe5 100644 --- a/src/pages/index/components/chat/ChatInputArea/index.vue +++ b/src/pages/index/components/chat/ChatInputArea/index.vue @@ -6,12 +6,12 @@ @@ -53,20 +53,20 @@ - + + + 内容由AI大模型生成,请仔细鉴别 + + diff --git a/src/pages/index/components/chat/ChatInputArea/styles/index.scss b/src/pages/index/components/chat/ChatInputArea/styles/index.scss index 808d2ce..bb56386 100644 --- a/src/pages/index/components/chat/ChatInputArea/styles/index.scss +++ b/src/pages/index/components/chat/ChatInputArea/styles/index.scss @@ -1,10 +1,10 @@ .area-input { display: flex; align-items: center; - border-radius: 22px; + border-radius: 24px; background-color: $uni-bg-color; box-shadow: 0px 0px 20px 0px rgba(52, 25, 204, 0.05); - margin: 0 12px; + margin: 0 20px; margin-bottom: 8px; .input-container-voice { @@ -12,12 +12,12 @@ align-items: center; justify-content: center; align-self: flex-end; - width: 44px; - height: 44px; + width: 48px; + height: 48px; .voice-icon { - width: 22px; - height: 22px; + width: 24px; + height: 24px; } } @@ -45,20 +45,39 @@ align-items: center; justify-content: center; align-self: flex-end; - width: 44px; - height: 44px; + width: 48px; + height: 48px; .input-container-send-btn { display: flex; align-items: center; justify-content: center; - width: 100%; - height: 100%; + width: 36px; + height: 36px; + border-radius: 50%; + background: radial-gradient( + 39% 39% at 97% 81%, + #79dffb 0%, + rgba(138, 227, 252, 0) 100% + ), + radial-gradient( + 54% 54% at 3% 70%, + #8afcf8 0%, + rgba(138, 252, 248, 0) 100% + ), + #2d91ff; } .send-icon { - width: 28px; - height: 28px; + width: 24px; + height: 24px; + } + + .send-stop { + width: 12px; + height: 12px; + background: #ffffff; + border-radius: 4px; } } diff --git a/src/static/input_keyboard_icon.png b/src/static/input_keyboard_icon.png deleted file mode 100644 index e95d006..0000000 Binary files a/src/static/input_keyboard_icon.png and /dev/null differ diff --git a/src/static/input_send_icon.png b/src/static/input_send_icon.png deleted file mode 100644 index f09163e..0000000 Binary files a/src/static/input_send_icon.png and /dev/null differ diff --git a/src/static/input_stop_icon.png b/src/static/input_stop_icon.png deleted file mode 100644 index e5227d2..0000000 Binary files a/src/static/input_stop_icon.png and /dev/null differ diff --git a/src/static/input_voice_icon.png b/src/static/input_voice_icon.png deleted file mode 100644 index 0dfad7b..0000000 Binary files a/src/static/input_voice_icon.png and /dev/null differ diff --git a/src/static/scss/font-size.scss b/src/static/scss/font-size.scss index b67e26c..f17411f 100644 --- a/src/static/scss/font-size.scss +++ b/src/static/scss/font-size.scss @@ -3,6 +3,14 @@ font-size: 0px; } +.font-size-9 { + font-size: 9px; +} + +.font-size-10 { + font-size: 10px; +} + .font-size-12 { font-size: 12px; } diff --git a/src/static/scss/margin.scss b/src/static/scss/margin.scss index 00ad927..4b5d3f2 100644 --- a/src/static/scss/margin.scss +++ b/src/static/scss/margin.scss @@ -7,6 +7,10 @@ margin-right: 8px; } +.mb-8 { + margin-bottom: 8px; +} + .mb-10 { margin-bottom: 10px; }