From b97c836f97c180d8dad34c245e9ac37add158196 Mon Sep 17 00:00:00 2001 From: zoujing Date: Tue, 14 Oct 2025 21:53:23 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E8=BE=93=E5=85=A5=E6=A1=86=E7=9A=84?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/chat/ChatInputArea/index.vue | 16 +++---- .../chat/ChatInputArea/styles/index.scss | 43 +++++++++++++----- src/static/input_keyboard_icon.png | Bin 1696 -> 0 bytes src/static/input_send_icon.png | Bin 1597 -> 0 bytes src/static/input_stop_icon.png | Bin 1335 -> 0 bytes src/static/input_voice_icon.png | Bin 966 -> 0 bytes src/static/scss/font-size.scss | 8 ++++ src/static/scss/margin.scss | 4 ++ 8 files changed, 51 insertions(+), 20 deletions(-) delete mode 100644 src/static/input_keyboard_icon.png delete mode 100644 src/static/input_send_icon.png delete mode 100644 src/static/input_stop_icon.png delete mode 100644 src/static/input_voice_icon.png 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 e95d006d8ff94294646521ea336ebae63e7e55c0..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1696 zcmV;R24DG!P)Px*T1iAfRCr$PolSbvFc6029)yNlWJfs(aEf*Z?AlYboP@H=El4>?O(&6fTxT?Y znsMynYywYhS$Z}4W;B+RF0G$X0$ph7YvE}H9Bc$D;1zH%f#Bj-3tj;S69_JTwidkE z-fVK);rj~y{hazs_`XQpQ%Y%{{|?{#{qDB>KNy*=_}Ku?KtK1X|Eg=ktE=~YN{<(* z`?25MJ~ou&cI#OIZ?-pJnOBWaYcLAzU;EwdgBvkrL6ZY^vQ%X=Q-S?`YAKlv@R`7l zJ7V7*<>Q;Shpg960(i5%`Q{`8#gP>UXl?gophE$J#`dYdPbq1D92%dagac5_VU41U z&2#EMbjRl$A`amv9CR39rPUUw53L%R!9&M>lEUs%2ihDW8zF!%x7R-fjSIIPrS3mI z?e0DbEnj?@D`03)mIQK`Mp_Kkas_DU^pCBhXjlg~z*%p>a;u*{rH6~-a6HSbO9&bu zLmgdWXBWT%xKQaYbD3S`kp{+4bG~l%Z3dhx`l^Zw5?NYDsVlxTyA+05eW)*0MlZ;=Aqj zeV5W_?3(PP)sck>@a6UzoEqkV7Yi4lGI6{~kJW%T+Z#xVLw*6vR5g2DtJZnlM@1JF z=~Dx~++O#UAp~$|@fM*KHW7NNtyl%Prcte)wiQUk{a$Sq1EwYvFX_ei=bHXTz#Zr@ zHi1&*E5v}kdKAK;@^*L#hssf4_rROwT8gnuAjZ$3?!h|Bqs?N#HSK-c-HFQ}93-?4 zjX;>t3C-hrgLS3kMryTpp@1RB zjcKtc<`)6REW#2wED!^_`$4r%-ctl2Ob8t~m@%^e_y8rUur?@3E-2dv83msCIIIu zwq)*+lMNGTCPce<#Lya!u!*t&ET%g1n2ZxV1N1{Td= zFvv4W_Lvv?S!T3T1E$sq&obFFiiJ*?f}h;bK2Y;J&nLYH3?;P9VvqVYyXvEW9+Zg9rj$F4hdVC7Zug zm{`5B5RHq0p&ZtN3GZp15iJcop}(xdlmKpetGYCp73)P`L2>dRvS8w^Dy%V3r7fk~ zyaGE#wd{$S!Aayn4A@I1l)FDeIBO#y!Uu`os*kM(V}q zD2Uywrnad8XUOVBe9D1xmdlx~!6peb0j3<@QP|^-Xo(^}tF5%9k(T`vQGi;?W#V(u zO7`0G%@#b+W7zeH9wDO*X<8sz?`4i-FzIen6fthdR0msF0oLvlB%Vx(q4D#YELajB z=WATg!D)ppI0DBlu6F?}2;UA&7IY|*XzDNNXg9!8$Z(KfKH0DN5IRW%OTA!vE;!!N zMHXB&7}I1$V?qz=6r9O3tbS9p5E4aD7Nkr~7ONH~V<_j9JNSd(^ua?hk#W1LL?G5& zhNbFo(0q#Zui-J`^-m(H>+!aNq1$psyQCAyYa-HpGOa$4e+q?*|c*`exzzR4R q^a^+d984g%_|<|}z`+E9i~kF7pZ%2^hFlE*0000Px)_en%SRCr$Pom*PlFc5`DtOQm%Tt*tgOw zQMDop=+g)i!E${NIzs-c4ZJ+y3F@PvPA;&n^C0jyxPpCYb(aJDDSv^4*Md-eu($9a zcDb*ra=F}}cliPWN~)FGBBkmF@k0Hr~U5BOcaf`F%R4bR|+1jy?Ee@L{1-m-+WD=lFM58^rYB=LYR5w51X0&*PSOR@!* zR3q(z4)_uR8uk8HIhe&y)e9Fksb*_`AL)XZuT1*E$UNl7m`U8wc2k z8{c7mz(2klMjY^CH{c)N4Z~GOpjAA(W=hWec#ED28(>?c( z8qiTHOlz+rt5^p7Au(%EQ|IUT*^kpjYF>_~1GO0N=77&vz3$;hEUhga+Kg3^AVt=!Gx>wu^%>Wdt>36AEzdtLeT~ z`7J;XvHFG)xpUv;_61-FP{b2im@{S0XK!Z z#{L{>1e|k4B)9>*qYct#D-txWGF!t4*_pI>GJO@LGV~3a4&M*og4DIxK}^ zGwX#C`XyVC3l+rsJ=J%y)H=aUw|4;C*M5uGW&CM*ewr|bo?P849NU0!Z_PYoo!ob- z!3a3#U{5SS|M4-_P~RS~U$7OGg8=;kPMc3HqBMksWwa%8^`w~+gKw-8_xThEDIt9Dw*eR02?wRgF{ZCoxNZY;Rz z+i?zrTLF>jR)7a2jWJ=Rt8GkmuB9O7J{4O&gyeBxb4IB?IChAxXLKn9mcfP zQaktcNiFB<9jS?y~sK{VX?aAi!fm!#xKTQD)kE7<(?B|we{XiNG`1Ker~ z7jq~229-Qd^rIG$4!G?eAC-fB9O=obl#}xS){xb!%lZy}iI$L_MT9O}c-vLz47I*z zQ!QVR^Py0qT&U*IW|mq&b-B1(HQVdY_$*=xlYWI{o1lyAtPx(@kvBMRCr$Pon2NdAq;?n8@aj?bs5$N?Ml>@=zUO^aqCKM-AM6d7#upCp9DfW zE%e1>4Get5kO=_{Ea~%UF9F~ZcHn-x&mSS)@&09=iZkhamQDZHk3qsnQ4*2}w`auxU<}|?0_4-Fui<6Xd zE?u;z5fAv?K7wi7uk-&TK#l|aZePK)Z)4|=*Y(iC8{C^Ux4V469~Mo*vERnH{gjc9 zfXoAY`fgY{Xr{TK11@1gqvB^krU7=Y*njHti;%OhrUZ;=fJ?T!b0p)aI?-j6EI)T3H4*^&0jR!oS#ruFu3PGk|oOXP1UGF!uXdkey z_U26n3DdCL0<2HF%7xa~yXR5#0o&Y9Z)2-Ts|4&eYOi#=^}I%lJHT4zff0#fgPbd% z^=2CMF$Ao!N-^q?&#@8tyWRrruglf}{;>JY12M!W0&}bqEiG=%gafQ)9t>PbXU?z( zL(9)^&4dT6VIBZhWHfV66!bHK#Pd7G8{+2T>;AHw3KXL6is>U{e7zy*#G))_`UNtuz}9 z&;Zu)fy*=z4PXtY+x=&ir@>GGGmR=&yqX9uF`j&#KGwwVO^tX5!}c{Dqu3IIKeg^thfK7G#hN-$}bt|?0qW@@XEA{kXj+jk^r}x z7M%ubEgJfi#J__* z%^hGZGjU8U)_Q9VQp7^QI%WbBG8B%}I#6jXxcJ~8MeNuK*e}_RK6DA#(3~=8;9Bhn zhTf3}bqfLAdebC(o>JWeL&HXuI>>*n+qkIcC~^aSe%**j0Y{S=%-$c{N~`5j(3*Y< zQX_Avbu+lc;7uHsRF5-|06eiZq8`YR3OM>e4i{xx>fy?%Sft9&ZcCfrl;R*`ASnMH z4ykVI)I$nf%>(W#)LN1%rwBA3wMrw z^5ltr)G<#7>>=;q>5PsYXHRBhz-0h;ka7J>^4c=0qR7c5*xNiNqF?K&dKtoCJr+3) z9tM31W@FQyo+^5WQGUSw3CoShiA-X1wke+m_n+)?!XDJ}6UKXfW*7Din-08(<66n< z@b`Our(Bscr>Xh9h?o|1#~(g`X)ZsJiaF;!wvo|SJrhA`)c&=FcAO%002ovPDHLkV1mmBcNG8t diff --git a/src/static/input_voice_icon.png b/src/static/input_voice_icon.png deleted file mode 100644 index 0dfad7b213888b6d19cb6b869d6f7618cabc84f2..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 966 zcmV;%13CPOP)Px&fJsC_R9HvtSkF%rQ4oIfx^1xyQi!w#F*F9xm~aq?*h4*ekVO6f4n3Omz|qhp zY>78Hka*;PcTBi=vWF@GOeC>qi57oA3r1@Ul}fwMOqYeny1U)o0x_XIc4y~(^Uchg zZx$G1F7hA$;6ebrIwFo&s^mUnEI=3u0447P7rg4}3@yER{;=3cf*N8l5_{ZVDwP%) zBN06i03_%0`NneTM_H#J9Roygdwajrgs=b}4g|6kAj5#QF`3+Cg!L<+py>Bsia7=8 z2;i*;PXiye@*4^`D7FYf{PXhE63XbWX>*=jsSKIi(*BV zMLf*wb;rJBrZRd5D=e4R@tMa><6mD(3+DnbIG9|=6aqkIXEhZwJ2W&bF3PezYQxn#Al3H3^1Y92!o}%Q73Mlr9xkq%nR1 zoEE^~P%_OJi&6>;g_Ts?)+`PWiL+HECr~Qwtj_eE1ZaI0t1O``)6Qa5bhv=dgxHl6i zelNd8<)Z}=iB3oN4*mPR?pV%1QySJFubQ>am4o*;YJ%QCEu+oPANwzreFciwyTg6_ z0(BguxePNMb-WYp0pSsGym~035CEl+aZ#u#>#8jGV}q$FbGd0erXz3ziqy>jIR!gLop?Zp%-#_$<8B5_)zL2QOY?KkwTXRatCho?U1KyOjK6!s; z-COq_R1FZo$E|!?T_eppuAW*xzH*c`Rom6Jx|laUS@48l|VD(Q@&PD#t5jI{))^J{DR-s;T^LYT-_SvqtY^QR3`+oKp_W=Y~p|a zeqB&3k@?=PkYwk3jV*vGAcf8HJkHU2b*H2hG9Hg087=r`J{$q$ftG&#iB_uY4*xv{ z8vwi5MQQe0F!;<4V_L8c0py)o9bHx!=WUt*?J{;gDfasYoPG~HGl1wA6*2%6BjHfI ok;XWa8f-L`M(>|mlbjX6zuepWN8Z2i@Bjb+07*qoM6N<$f))d|YXATM 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; }