From a4a32247e017b83c17bb535447d0ec3810d8c722 Mon Sep 17 00:00:00 2001 From: wuhui_zzw <1760308791@qq.com> Date: Mon, 30 Oct 2023 11:52:25 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=EF=BC=9A=E6=B6=88=E6=81=AF?= =?UTF-8?q?=E4=B8=AD=E5=BF=83=E7=9B=B8=E5=85=B3=E5=86=85=E5=AE=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/images/member/message-icon.png | Bin 0 -> 3640 bytes src/assets/images/member/notice.png | Bin 0 -> 4955 bytes src/components/new_diy/membertop.vue | 51 +++- src/router/index.js | 10 + src/views/member/message_center/index.vue | 292 ++++++++++++++++++++++ 5 files changed, 352 insertions(+), 1 deletion(-) create mode 100644 src/assets/images/member/message-icon.png create mode 100644 src/assets/images/member/notice.png create mode 100644 src/views/member/message_center/index.vue diff --git a/src/assets/images/member/message-icon.png b/src/assets/images/member/message-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..baf391e38376e9f8a47ef0212102cf716490a4e6 GIT binary patch literal 3640 zcmV-84#)9{P)KLZ*U+5Lu!Sk^o_Z5E4Meg@_7P6crJiNL9pw)e1;Xm069{HJUZAPk55R%$-RIA z6-eL&AQ0xu!e<4=008gy@A0LT~suv4>S3ILP<0Bm`DLLvaF4FK%)Nj?Pt*r}7;7Xa9z9H|HZjR63e zC`Tj$K)V27Re@400>HumpsYY5E(E}?0f1SyGDiY{y#)Yvj#!WnKwtoXnL;eg03bL5 z07D)V%>y7z1E4U{zu>7~aD})?0RX_umCct+(lZpemCzb@^6=o|A>zVpu|i=NDG+7} zl4`aK{0#b-!z=TL9Wt0BGO&T{GJWpjryhdijfaIQ&2!o}p04JRKYg3k&Tf zVxhe-O!X z{f;To;xw^bEES6JSc$k$B2CA6xl)ltA<32E66t?3@gJ7`36pmX0IY^jz)rRYwaaY4 ze(nJRiw;=Qb^t(r^DT@T3y}a2XEZW-_W%Hszxj_qD**t_m!#tW0KDiJT&R>6OvVTR z07RgHDzHHZ48atvzz&?j9lXF70$~P3Knx_nJP<+#`N z#-MZ2bTkiLfR>_b(HgWKJ%F~Nr_oF3b#wrIijHG|(J>BYjM-sajE6;FiC7vY#};Gd zST$CUHDeuEH+B^pz@B062qXfFfD`NpUW5?BY=V%GM_5c)L#QR}BeW8_2v-S%gfYS= zB9o|3v?Y2H`NVi)In3rTB8+ej^> zQ=~r95NVuDChL%G$=>7$vVg20myx%S50Foi`^m%Pw-h?Xh~i8Mq9jtJloCocWk2Nv zrJpiFnV_ms&8eQ$2&#xWpIS+6pmtC%Q-`S&GF4Q#^mhymh7E(qNMa}%YZ-ePrx>>xFPTiH1=E+A$W$=bG8>s^ zm=Bn5Rah$aDtr}@$`X}2l~$F0mFKEdRdZE8)p@E5RI61Ft6o-prbbn>P~)iy)E2AN zsU20jsWz_8Qg>31P|s0cqrPALg8E|(vWA65poU1JRAaZs8I2(p#xiB`SVGovRs-uS zYnV-9TeA7=Om+qP8+I>yOjAR1s%ETak!GFdam@h^# z)@rS0t$wXH+Irf)+G6c;?H29p+V6F6oj{!|o%K3xI`?%6x;DB|x`n#ibhIR?(H}Q3Gzd138Ei2)WAMz7W9Vy`X}HnwgyEn!VS)>mv$8&{hQn>w4zwy3R}t;BYlZQm5)6pty=DfLrs+A-|>>;~;Q z_F?uV_HFjh9n2gO9o9Q^JA86v({H5aB!kjoO6 zc9$1ZZKsN-Zl8L~mE{`ly3)1N^`o1+o7}D0ZPeY&J;i;i`%NyJ8_8Y6J?}yE@b_5a zam?eLr<8@mESk|3$_SkmS{wQ>%qC18))9_|&j{ZT zes8AvOzF(F2#DZEY>2oYX&IRp`F#{ADl)1r>QS^)ba8a|EY_^#S^HO&t^Rgqwv=MZThqqEWH8 zxJo>d=ABlR_Bh=;eM9Tw|Ih34~oTE|= zX_mAr*D$vzw@+p(E0Yc6dFE}(8oqt`+R{gE3x4zjX+Sb3_cYE^= zgB=w+-tUy`ytONMS8KgRef4hA?t0j zufM;t32jm~jUGrkaOInTZ`zyfns>EuS}G30LFK_G-==(f<51|K&cocp&EJ`SxAh3? zNO>#LI=^+SEu(FqJ)ynt=!~PC9bO$rzPJB=?=j6w@a-(u02P7 zaQ)#(uUl{HW%tYNS3ItC^iAtK(eKlL`f9+{bJzISE?u8_z3;~C8@FyI-5j_jy7l;W z_U#vU3hqqYU3!mrul&B+{ptt$59)uk{;_4iZQ%G|z+lhASr6|H35TBkl>gI*;nGLU zN7W-nBaM%pA0HbH8olyl&XeJ%vZoWz%6?Y=dFykl=imL}`%BMQ{Mhgd`HRoLu6e2R za__6DuR6yg#~-}Tc|Gx_{H@O0eebyMy5GmWADJlpK>kqk(fVV@r_fLLKIeS?{4e)} z^ZO;zpECde03c&XQcVB=dL;k=fP(-4`Tqa_faw4Lbua(`>RI+y?e7jKeZ#YO-C z17%4>K~#9!?ATvuS7jW>@z>@wX=+;SrZmb)C`3n+I{l$j-53#>7+wVZn-E=yAku|h z6jX#=c;hTEf`Jf3$drg0c@z6Z#HpapmGdG9F-daif^^M4>*l+0Huh`#{eEX&?F-|1 z&hzYip7-y3zvp|N=i4?uKCTr@(hPRsHGG7=M(!{2+Kl7vs<9XFK(v)udy7wN1@6Yu z7+MVufNwC;=sInU#8{GMkKzqHh8yQ_%S8-g zAHHoQ#yT2++KG3uDu({T_xKUR7!6n6g8T6hZjLAWAl}4>mAW!Xv%PpPV)Abs#>Y5; zD|K`?;8naFKc*MU@qQ()Oww#SKEV>4!LA~&9i5gg{?E4IAa280ytzkON*76*t-;#? zbpbtPs5#nE^u+y3LT^p0>Egw33G6TO+VLje{^Qsm{SBep99WWOE3rK;PvB6Csp(MY z2;G&yNk+g0c-(m0c-}lHn9V#c+IwH`VE6k?A6BOuL>(`HJ-uq4gy zM1LF{x?&H15WPiStJ0Odp*tGu>_dO7KNT!Vv*kE|%`yHnUcsIsuZ>h3{3F;C`oF~3 zW*i8PDFMC>TcUpiyNkSbW*)P_6?}&8@Il1$mf$#CcIDP+hw%D5LzV3`cH`tUj!CeI z-Q-V2UORO?6KRpxev7kdnPbwG7o%O9q}g5gvzhWiGcHZitP5+WaZD~g5Os%#<3w|M z7O?RdGI=BOa6oEyNVm|WE}g? z;|u&7b&JuMf2K75b<8iSli>fs59lxQ+WERAf+Wq_Q5(A)`REkxz#~{3HL|Bs%<@)Nw;wC=S`qb# zp@4WCFGagJ#(QRis;qD~!;|aA^HIpVH9pdV_!Pg+@kh=${@(x*Kk*mOa~OjF0000< KMNUMnLSTX~`vV>T literal 0 HcmV?d00001 diff --git a/src/assets/images/member/notice.png b/src/assets/images/member/notice.png new file mode 100644 index 0000000000000000000000000000000000000000..8644dd01174b0b8b1c3fe55f7d67992d458da58d GIT binary patch literal 4955 zcmV-h6Qt~kP)KLZ*U+5Lu!Sk^o_Z5E4Meg@_7P6crJiNL9pw)e1;Xm069{HJUZAPk55R%$-RIA z6-eL&AQ0xu!e<4=008gy@A0LT~suv4>S3ILP<0Bm`DLLvaF4FK%)Nj?Pt*r}7;7Xa9z9H|HZjR63e zC`Tj$K)V27Re@400>HumpsYY5E(E}?0f1SyGDiY{y#)Yvj#!WnKwtoXnL;eg03bL5 z07D)V%>y7z1E4U{zu>7~aD})?0RX_umCct+(lZpemCzb@^6=o|A>zVpu|i=NDG+7} zl4`aK{0#b-!z=TL9Wt0BGO&T{GJWpjryhdijfaIQ&2!o}p04JRKYg3k&Tf zVxhe-O!X z{f;To;xw^bEES6JSc$k$B2CA6xl)ltA<32E66t?3@gJ7`36pmX0IY^jz)rRYwaaY4 ze(nJRiw;=Qb^t(r^DT@T3y}a2XEZW-_W%Hszxj_qD**t_m!#tW0KDiJT&R>6OvVTR z07RgHDzHHZ48atvzz&?j9lXF70$~P3Knx_nJP<+#`N z#-MZ2bTkiLfR>_b(HgWKJ%F~Nr_oF3b#wrIijHG|(J>BYjM-sajE6;FiC7vY#};Gd zST$CUHDeuEH+B^pz@B062qXfFfD`NpUW5?BY=V%GM_5c)L#QR}BeW8_2v-S%gfYS= zB9o|3v?Y2H`NVi)In3rTB8+ej^> zQ=~r95NVuDChL%G$=>7$vVg20myx%S50Foi`^m%Pw-h?Xh~i8Mq9jtJloCocWk2Nv zrJpiFnV_ms&8eQ$2&#xWpIS+6pmtC%Q-`S&GF4Q#^mhymh7E(qNMa}%YZ-ePrx>>xFPTiH1=E+A$W$=bG8>s^ zm=Bn5Rah$aDtr}@$`X}2l~$F0mFKEdRdZE8)p@E5RI61Ft6o-prbbn>P~)iy)E2AN zsU20jsWz_8Qg>31P|s0cqrPALg8E|(vWA65poU1JRAaZs8I2(p#xiB`SVGovRs-uS zYnV-9TeA7=Om+qP8+I>yOjAR1s%ETak!GFdam@h^# z)@rS0t$wXH+Irf)+G6c;?H29p+V6F6oj{!|o%K3xI`?%6x;DB|x`n#ibhIR?(H}Q3Gzd138Ei2)WAMz7W9Vy`X}HnwgyEn!VS)>mv$8&{hQn>w4zwy3R}t;BYlZQm5)6pty=DfLrs+A-|>>;~;Q z_F?uV_HFjh9n2gO9o9Q^JA86v({H5aB!kjoO6 zc9$1ZZKsN-Zl8L~mE{`ly3)1N^`o1+o7}D0ZPeY&J;i;i`%NyJ8_8Y6J?}yE@b_5a zam?eLr<8@mESk|3$_SkmS{wQ>%qC18))9_|&j{ZT zes8AvOzF(F2#DZEY>2oYX&IRp`F#{ADl)1r>QS^)ba8a|EY_^#S^HO&t^Rgqwv=MZThqqEWH8 zxJo>d=ABlR_Bh=;eM9Tw|Ih34~oTE|= zX_mAr*D$vzw@+p(E0Yc6dFE}(8oqt`+R{gE3x4zjX+Sb3_cYE^= zgB=w+-tUy`ytONMS8KgRef4hA?t0j zufM;t32jm~jUGrkaOInTZ`zyfns>EuS}G30LFK_G-==(f<51|K&cocp&EJ`SxAh3? zNO>#LI=^+SEu(FqJ)ynt=!~PC9bO$rzPJB=?=j6w@a-(u02P7 zaQ)#(uUl{HW%tYNS3ItC^iAtK(eKlL`f9+{bJzISE?u8_z3;~C8@FyI-5j_jy7l;W z_U#vU3hqqYU3!mrul&B+{ptt$59)uk{;_4iZQ%G|z+lhASr6|H35TBkl>gI*;nGLU zN7W-nBaM%pA0HbH8olyl&XeJ%vZoWz%6?Y=dFykl=imL}`%BMQ{Mhgd`HRoLu6e2R za__6DuR6yg#~-}Tc|Gx_{H@O0eebyMy5GmWADJlpK>kqk(fVV@r_fLLKIeS?{4e)} z^ZO;zpECde03c&XQcVB=dL;k=fP(-4`Tqa_faw4Lbua(`>RI+y?e7jKeZ#YO-C z2#85UK~#9!?3`<8T*np1e{=V)BwMnydM0usVVhb4ONt>FB#eUV&{j^cNQ;y7Q(Hoz zl-Plqgydtt1ROtV3W-Z8txF%YIF%{JN@|n3X=2Nb5+kT(3sfbRh%8*M6l6)3*3$01 zryuU@YPDX;vi8pELH;lx?Y;NR%>SNq=FFLyt4^GVk|ijh4%h+I0JXqYpcL4k3&4af zUjltVFYsUB3UD0|KO6PZOLp4dZNp@g0^bF`3G4VsB%C#`?FW`OPZ<;(K zutj{AX#snH9|O+-K_6vT059nBOW-}=*T6Zz^}7?kkqo>D^Z@Sy&-zSCDuTL>cXgdF z`e^}v5!0d@cT)R~Y@=4!-J`YD4^zs>ma2f`z;mn&Yz6)foCXd8gUg{Y&jVLi5Gl#n z2XyN;E{zxwc*v3~!doJ|BSL5i&u6O?={CNl+nn}3zci){xBwhr_22;TPu+GS!}Vjp zKbFb4W{RD_B^^)Q^wY;Y27I(iNl6~LKGJ>hWmGEH=ChgAkIlL-&A@Ob8j}N@)pMJ* zf*ReYoJ@So&w)nP9vXH0bzmtPvu~A+J`aoix{v8o0mqL|r~CbDdWv6UvSqdn&CLO} zZndy1a9!x@bGdZMAr{LDIb%S>!Gk%2X*5PiQ+@$bG|x5PN^vpN)L0Z0DAuo66ci|G zYAlM2!F1ia6oLF|v5{|!2+w6BIvpPu`ukn(+>u1-?{^s=muyDJ&m2EK{p@|FbnMu@ zRG-t6?RcfIP$f)hd|Z~p-}C}?ue_4$%$LD?AzP&6=PMq0M3JAbux%2=#9}ZxDcrs- zOipHvq*~qgza%u~=+Q{xZ{R;^(uuxe!v;lteSpoIEkYs1x^)VrX0MAtBr{s-jwU6W-&Q&ZC-2@Bu3vZP>2VktkvVyhI2qfv z1*oeFP*C8hmg~ah%P~IwIEL#QBjz6P=xeX#jm0OC`%I7mP*)eAscDv!!9kY~Ka4Uo zl)iT&5Dp9BuuET`!>(OHs;aC6!4nfMSFajVn>@|M$@r9@)kG~NC5on|V8VO`23*?P zXXYg(6+=Vb{R0DTB2sQ@3Q|&{Oqx?`JirTx@C_5eQ+>Tnak1Blu`%Jog(zcV4;Q>8 zKL=1;tf;TIO$L0s-+VI?utcagk-H6r6kE2;&QZI%VuZu)l4OO$E?r%-lcz0PyrJG; zuDIR;*)Sgf%rK3=BAI-)<8Odh)?R%*1~6wg_K0kxmGOW*y}1+iu43hvRs1;s}KlfdE9! zY}VLni%{ji#wc=fRMOkVmp3~#m6UVMQ7EMlGb&SMgH)I>C8Z?kZO3glQ>~GtIz-oD zgqU($gnYlHrhADdUhIQb6Ei@8Et1&DWURq{bs(KgL&R*b4XI*kmwZxrF(fz503yN! z_^UN*z?3Fz5hhI&W5SdS6LZ%VAq+hFmB!4$unjT@JpPrBnS()FgwIU8$>d~`2~%=i zqZ-p^i_q=2)M!+)VoK4dm?GwyEy5MQrEc0}Q&kn1Gez*D11c$lUR4!f(n{aw`gt6(FUi8_cRxY zJ$Pfl8Q^=FNWF0*#>S1F#sq^4IkVSQM z0LxOQhSEgN$907-zHsR1nDMKwKO{6h>Bn<;3)@T10gsNloH`YuswzMruyE|+y6NMc zID$cySfrbe7{`IZL1#fZ4}osHa|onri~xs#KW8F+W=8n@^Vp)^ctu43%i_KzTGxfa z!I)8vOM^p)4;M)iF>`7^1^f)ddt~zS6)i36sI9frI%N^)?TvB%d?Z_YWO{*j=Hz2i zH5~Y9vPzjiaj`{1Ly-LZ`G=~8h9IAOGR@?qlMP~CKXN4Gq$a9TaSmw1;BlMbVV6%o zo#BZmg7;1>LTOLIEwp9+kH9YAN32c!7WmVA7atUw?gu*8ASs=?Z}Z|o zhb*S?Hqvz99mHG<=+k|gUg)O9OlF3Gr-1%7KuW*v%kYD4TLi_oCkxZu5hYD}u%c^>Z^Lf;A*il5f=yunNa z**>KN&jZ_l?*p$d!^qVO9MKs#UlyADOv=W9-)Vwc@p8x}zw;E;b+qa_Px?hlx_pcu zaDjGRmhvg4g|MnW#gvRMf#2wo{PC_@yo2F2n!F-lz1D)edbFDWKEwNPS1*P>-ZdZo ZKLDS-P{hv(p_~8!002ovPDHLkV1f#2dUgN+ literal 0 HcmV?d00001 diff --git a/src/components/new_diy/membertop.vue b/src/components/new_diy/membertop.vue index bb713e5..b2f8b72 100644 --- a/src/components/new_diy/membertop.vue +++ b/src/components/new_diy/membertop.vue @@ -14,7 +14,7 @@ +
+
+ +
+
消息
+
+
ID:{{ datas.data&&datas.data.member_id }}
@@ -616,6 +623,11 @@ export default { duration: 1000 }); }, + // 进入消息 + goToMessage(){ + this.$router.push(this.fun.getUrl('message_center_index')); + } + }, }; @@ -1860,6 +1872,41 @@ export default { z-index: 0; } } + + .notice-content{ + position: absolute; + right: 30px; + top: 16px; + display: inline-flex; + flex-direction: row; + flex-wrap: nowrap; + align-items: center; + justify-content: center; + height: 30px; + + .notice-img{ + width: 17px; + height: 15px; + line-height: 15px; + img{ + max-width: 100% !important; + max-height: 100% !important; + } + } + .notice-title{ + font-size: 14px; + } + .top-drop{ + position: absolute; + top: 2px; + right: -1px; + width: 6px; + height: 6px; + background: #fb3146; + border-radius: 50%; + border: 1px solid #f6e1e8; + } + } } .name_invite { @@ -1887,6 +1934,8 @@ export default { } } } + + } .header-four-center { diff --git a/src/router/index.js b/src/router/index.js index 0db435c..b0b1aec 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -10414,6 +10414,16 @@ const routes = [ foot: true } }, + // 消息中心 + { + path: "/member/message_center/index", + name: "message_center_index", + component:()=>import("../views/member/message_center/index"), + meta: { + title: "消息中心", + foot: true + } + }, ] diff --git a/src/views/member/message_center/index.vue b/src/views/member/message_center/index.vue new file mode 100644 index 0000000..d7de083 --- /dev/null +++ b/src/views/member/message_center/index.vue @@ -0,0 +1,292 @@ + + + + +