From 9f8f113e43e22bc4c84bad4b490985042e3141a1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com> Date: Tue, 8 Jul 2025 21:42:38 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90AI=E9=97=AE=E7=AD=94=E6=A8=A1?= =?UTF-8?q?=E5=9D=97?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 2 + docs/PC端手机版样式指南.md | 111 +++++++ docs/RichText使用指南.md | 91 ++++++ docs/殊诚AI接口文档.pdf | Bin 0 -> 1682343 bytes docs/贵港司法局AI paramJsonStr文档.pdf | Bin 0 -> 84067 bytes docs/贵港司法局AI接口文档.pdf | Bin 0 -> 690442 bytes ...港港北武装部红色宣传AI paramJsonStr文档.pdf | Bin 0 -> 87343 bytes docs/贵港祥安e家AI paramJsonStr文档.pdf | Bin 0 -> 82770 bytes src/api/ai/index.ts | 50 +++ src/app.config.ts | 6 +- src/article/detail.scss | 6 + src/article/detail.tsx | 19 +- src/expert/detail.config.ts | 4 + src/expert/detail.css | 10 + src/expert/detail.tsx | 46 +++ src/expert/index.scss | 46 +-- src/expert/index.tsx | 68 ++--- src/honor/detail.scss | 10 + src/honor/detail.tsx | 43 ++- src/honor/index.tsx | 50 ++- src/honor/list.config.ts | 5 + src/honor/list.scss | 186 +++++++++++ src/honor/list.tsx | 123 ++++++++ src/pages/ai/index.config.ts | 3 + src/pages/ai/index.scss | 289 ++++++++++++++++++ src/pages/ai/index.tsx | 269 ++++++++++++++++ src/pages/index/Banner.tsx | 1 - src/pages/index/Menu.tsx | 28 +- src/pages/user/components/UserCard.tsx | 32 +- src/passport/sms-login.tsx | 6 +- src/photo/detail.tsx | 18 +- src/photo/index.tsx | 6 +- src/utils/request.ts | 2 +- src/utils/server.ts | 3 +- src/utils/websocket.ts | 176 +++++++++++ 35 files changed, 1563 insertions(+), 146 deletions(-) create mode 100644 docs/PC端手机版样式指南.md create mode 100644 docs/RichText使用指南.md create mode 100644 docs/殊诚AI接口文档.pdf create mode 100644 docs/贵港司法局AI paramJsonStr文档.pdf create mode 100644 docs/贵港司法局AI接口文档.pdf create mode 100644 docs/贵港港北武装部红色宣传AI paramJsonStr文档.pdf create mode 100644 docs/贵港祥安e家AI paramJsonStr文档.pdf create mode 100644 src/api/ai/index.ts create mode 100644 src/article/detail.scss create mode 100644 src/expert/detail.config.ts create mode 100644 src/expert/detail.css create mode 100644 src/expert/detail.tsx create mode 100644 src/honor/detail.scss create mode 100644 src/honor/list.config.ts create mode 100644 src/honor/list.scss create mode 100644 src/honor/list.tsx create mode 100644 src/pages/ai/index.config.ts create mode 100644 src/pages/ai/index.scss create mode 100644 src/pages/ai/index.tsx create mode 100644 src/utils/websocket.ts diff --git a/.gitignore b/.gitignore index abd9835..3e46355 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,5 @@ /pnpm-lock.yaml /.swc/ /.idea/ +node_modules +node_modules diff --git a/docs/PC端手机版样式指南.md b/docs/PC端手机版样式指南.md new file mode 100644 index 0000000..0047838 --- /dev/null +++ b/docs/PC端手机版样式指南.md @@ -0,0 +1,111 @@ +# PC端显示手机版样式指南 + +## 功能说明 + +本项目已实现PC端浏览器中显示手机版样式的功能,让用户在大屏幕设备上也能体验到移动端的界面效果。 + +## 实现原理 + +通过CSS媒体查询和容器限制,在PC端(屏幕宽度≥768px)时: +1. 限制页面最大宽度为414px(iPhone 6/7/8 Plus尺寸) +2. 页面居中显示 +3. 添加阴影和圆角效果,模拟手机屏幕 +4. 设置渐变背景,增强视觉效果 + +## 使用方法 + +### 1. 页面组件包装 + +在需要支持PC端手机版显示的页面组件中,使用 `mobile-container` 类包装: + +```tsx +function MyPage() { + return ( +
bERrEv9fAi%DXY%W2)7ceal-3x2UBy^b<^Nm!~pcEhR%xw zv;!`v`(YTD<{rG}=t9(R#3YVbdGfo-f^doNN#RGN!I auyGEh8( 77qQEX;{}Oh{qlv=f+} zuMEFWLgalYx-iHxrsjB_B!h=8J|<7(w@IzOugEK#$K=9Oz;uu)^+E{)U9`57(9g1i z^}3J)u&?OE04sjcl!S#pb$V{!mAf@NCro+ YdT)fyQXWpg6EjR-L$J{1K?9{MxP?a*O@mop_Ijyx4CDk5ti^6DJhZNA+9gyQ#; z&h*|1YN!e+HB7a0x`4J#qcy~JHzr@ncdzbnlKYVo8M6A$(Un;MnY0$H$hz}PSo<_@ zjWN8HqtM3&l8VzRh~ *UCi`v9CH`#F9aX#jJefi932xZgxuYh7E%&! zzDv}za9DHm1okB5ElUzo6mqc_J~MU`gRgRLMk%Qr?dQU-Hcnr%ANgQ=c=ervaqG@P z(sbzinZs &y#+-#hki~aa+C4B-{a|nbn zKHVALCe$i0E>W}l@O4?~g>Lt*)F>9#ic(h_CW~W3vRtU%c-Aj%W=AESZo>(;2wmW= zb!Ub;R+DBl#3xs%Pon!ehbDBIK$@WF1qw*+3iD-BG%2yY5hoF5B%2J8Eb>uH7@?hI z8M>NmR8_Bbpo5}}TZ`owikhqvMrn<9(Dw65?UGV}rUXYAv9fF~zupI;l!(rju-ry! zf3LW6@OMgo??$yr-e@xUmrJYhZJ+%n=-y`Ai1y$rb)?ZG*(1CvZ}7TrIK&hFd?1WN zP{cr`rksrVp`w4`Znnu_OaJR+)X(pZ0gpPx)ie)+{#YGQ4FY4hvKOYip`$_Yy<)!h zjAIH4iK!mbPO3HVNEsbbKiV8wV}jOc^hBMXy-nJOQUUd~Uen)p?ubE}84=;%QnV9^ zLQvPsmVDJHst#oFnao}>8ePTF7u=8J?y-0Ar%FFxGT7x;RGH`t%|JsoGl`CW4yZ4t zSK$%@5LD0y8%q0?rt6;v`=LsXEhR)H#XoD+pJ}6K?3)YCKxMShtIgqNq#>;EA2;4j zRXiq0UIXKOgRCNoIk;L*lm^A_(+R>&IFInpu{XDCj-_RONL})p(@qc7%T5q{RREX1 zrq_y3D`BsrfanajL6TG%6t1pIG~ew5M?f)b5QK(Tjo;cUkgLu%Y!Doz;ldFVO^Kj# zy1&uQ6Gx@5LbfD1c%491lL`_YczTpn(*WFkp*|BKB6?B>6JHhJ4I&>p+&Gx`3crx; zCVzpPq}Yl ;LKN-_Yk!yD{UJM@D{b7brGfiBu##v~`k<$M9Jf#^Q1C{xkKR5f z!gLxB&9ilal`$ef` lvqr`Z%d%lZ};Oc^(?bg$}(YT;K=aanQOxQO5)Tu?V^QX8Y#=O6T!k(-B`l$ zqR2Sj??!hE+LDj4p;MLS=cQ-t>Tu4~_fS=_mi(*Sx;A4?g+(OYk8AE@_Nl1k22wBq zp_;mnXo9VpRn(!|l;Fcwg^RgVKHHG=`hnbKoSXC|E@NA~2z`6JNYM3bMkGglD*QEl zs_t0+l+YmZl+fNr{EyZNq3SI2GUn+9R0%st1D1>yzNqkK201Yi)$BNEWi;jnRQR!S zY#Akp=gX|D8KKsB_lE3a(w5WD9Wp|L7(%jm#%9>wrtJ|T&xp{w)Y?q)ydW8t64|f+ zSuk3ba;&jtJuKgmz(Rd>q;g*xg1%GGN}m*a(5Wt_q$PFFoQ=L`bq&mltxI+jv((;w z9d#dkrIABh80(YdCf0u+bfpo)niUJR-*_GMh;dL55)minppJH6g_0X5=2x?<6sq_^ zuhP>r^*T>79?Ot*>}7a}a?uo2>7x__MXD~vx_)cNy5`NQX?Ii>~8 z6E+mx>C(>Dbx?XRA5r@VC^Z*X3z^lr#~Ah+wpQ>ux>RGi6RQksxR!QY*)8V)F&Xb% z84_}4iozD-4WPvO1~IE$RZC#3T#lPUJ=<#Cyx|M3^g(1^*fiUFVk`I%{$X9r_YJBg zR4E5U0jx?mPxQGMIdb_A$ZHgy$;w6%6FeqvG;bqHERqOcv#ts|nXhZP5YmnW!w++` zi0CHOm~vOPy81dfq!ABdnRG+*-a-o`=cTmIStdB^H|qDzKLSSHnp1BMkV=)MatDFO z%+GYNOx3C$`U<-2-VQ`h6U74OnGu=GeW_}P M{{k96~aKbMB)y_82*K2-EbLbv@|{n1{2YFIKqr!z5I-*qO0kE>l&*- zh1ZZkg &QguQuWPS29!>5=is>cvRFK$r(! E~WGvMgL%M0Td|RRmRKb0tHNkzwc9Yfc)0g)RhpG B7nOD&l68VfxTwAm211E9p7)jq#c^RXZwEtl^8}NOFc>UD;bxfp znz^R(pAjd5y>Y?s3Z5N9R3<>;=>T*j>btFMw0uY)KVxY%W&4?aJ{Osk)T9b7nyU)# zP7oG>%;wh^2J|6*#xSmOi@*odMhpU(I%2JQVjRc-(v7hjB+yQ4#pg3r5Z@&YfNz!# zz&sg8ig)WliofeeijPbBdR x?-MY88lv9>if#V>eHl^``Ik>KfwLTPJ5_JK9HJYFQ^j*UPPqa~o7h_5&b zWWI+I(HsRjw@0k^Hh04LdV1&b46!Aw_N_Y+=(*u4+&*&QM|`=Bd90Ohftwt!SK&`M z0Bh3UDF;6%BRnQp7#SZJNdUeTwK$0=Awn5h;AtbkOs3j;!}5`^0v~7rfCKv_hPj znSZU>ri51Tamj>iR5pq;RS(Y!<46^)vuyT5(skSB8-B%_VN%C;W4%3zXy`^GhTi)! z5d rQlcb9 z!$Z!Wu&{Pe#a)ix1+-WxNm*_tK$qYwK!;y~q62&4>jYBG$s`RR(P i zMmXzO{csZ5r?!s4(Wc@ri+VP8n`~2^pBMQ>@3|7h$t1aBsgqcqT%FefsdEbLIsDkF z)7s>YrjR|$t9pOsaXQj*)Yk>?)$Be>pN!q|lrKUXjq3dimNI0FLLrWPXal9&qJ!%l zOG&D~_`cT8ao15Ab(l0+9fb_KIL+BCMOXSUwbe$`TJtw)W*qnH9wvWV>>+I7Ya@S^ zG3F=%!EE>3h $Lo>)^p=p2a z&=dQsa) *5pdNbI8*dT+o6o2fOiea zU)5-i5qIje!h$lhr4*6}y-Hw7EF4_Z$00tu8A5%S(RL|~_325yM_7FJyi*I6{MZ{k z{;o+2HS_b8G<`d)1RH|v0#F?bsQe~piW}n(9uJ)TLK^urDJs!4JZc-i-P7Q^+|l5h z-RE&y1)%Od`H)g$iPNvm)=xYsiE358F&%SI)|z|z ot{}@s_0W1@fU#Av%88Jv7*H!})=~Z$*O9LXSl600%JoV;$1T#olLV<|aI4D2^QMvRv zH)`;_2I4KacrWe46Ry`5;v1Nf@IBeov>P@h>R)`;SY*1%#R<7iU^=bc<-NTh$3Zrh zU20Ivz0%}-!X0vXQqQ%*ID5hkcYRX-;=LED(7X|<@Omc{q3AuExJ);exXdOwtc5ua z-{rS2`f-Bc3aHR2ac3rRItWv~On#=VmF|$+jJj70SN!OU-=QrpFqtl ZfPbJCx6TruKdIotDItCUJ1 z%jG23DBU3Xh2n-EeJst-;V1Rb5^86(0!QLVcNhIIHsbdgr|S-(UvBkJun)Z#V=; z@%8fZFA62I(4#*-SO?Bv#C)Uu#=*Fnx5qKOx^+Pb{oMWNPgGM$;_W3nc|JSO*h*ZB zJX$mh;%;k_`j)ExXnCY)(ZsRoy|da0ULlEZgK8}lYJRA|_cEG?W?Q1K>y$1U`s(SP z9iG`1Jv3FUslinQ?r7$jG7-0P8gOdiew66Q!u0CyM#ErYF0(7@f!(B1NY45V>?G z65z6!O1`Io^Rfz1XtoGIP5s7)5r5uf5H`8`Lq;HB^%fm3sQrY9mWFzYp%*9IF}PC> z3KB=s12T2T+j-DZyfcsGO&gP v&!h{};|o8bTkN+r)3Oc*(Gc%>i2ImQ zqi2X{+-BT&N!TKV;EsX{Jd-R~Y|3#%w2h@EnR+c0#*o?l%5gPcYLRDZk?~GhLiD(K zjj>g*(#<6Z#!HkjUuWP)=gwL|lgisovHj<;; Jbci7wo^6?lFAXrD$1eG9_`DfXg)^K+bpxl2o*cQ5*AFEbnIW2C z4Vms$Y=(xpbWUuRToUM@d~%~6gUV|b5)W;PX@vFtseI;RLZ7hR48mhk;_|I&I5u-E z *PK7)aY@S7-7&%@eK>vJiU6;RzJE!cW>f)}~e#wfy|Zy1$lxhzZ}F-$ea zG0%Oy?Z)GU)3az72#GS1T{<0TO90u2sbdosG|EgPn}i7IH0i2h^yQUlu#XlJV=cVA zSc40BzE_fE;XkR4(Q7&6ps*z2JkO xPmN8%0gJSz9h=J zHbzHrGl;$jahT_g)`O0|=R}MT@6dd-$mXx2>Nl4 uuG=fT=; zaA}iKY 8>B4>7#(~FeUaLTEdW+O7 zrDnsuw5}3!0TgBSc$x L`vYTA%m4?se? z-|FSs