From b52407125d17bf63191a5f84629d7885114f2ab3 Mon Sep 17 00:00:00 2001 From: Vinjor Date: Tue, 1 Apr 2025 10:54:00 +0800 Subject: [PATCH] 1 --- pages.json | 6 ++ pages/mine/card/card-detail.vue | 22 ++++++ pages/mine/card/my-card.vue | 120 ++++++++++++++++++++++++++++++-- static/mine/choosed.png | Bin 0 -> 1215 bytes static/mine/edit.png | Bin 0 -> 598 bytes static/mine/new.png | Bin 0 -> 231 bytes static/mine/sex_boy.png | Bin 0 -> 902 bytes static/mine/sex_girl.png | Bin 1501 -> 871 bytes 8 files changed, 141 insertions(+), 7 deletions(-) create mode 100644 pages/mine/card/card-detail.vue create mode 100644 static/mine/choosed.png create mode 100644 static/mine/edit.png create mode 100644 static/mine/new.png create mode 100644 static/mine/sex_boy.png diff --git a/pages.json b/pages.json index 3453e69..dbeb55d 100644 --- a/pages.json +++ b/pages.json @@ -103,6 +103,12 @@ "style": { "navigationBarTitleText": "我的名片" } + }, + { + "path": "pages/mine/card/card-detail", + "style": { + "navigationBarTitleText": "编辑名片" + } } ], "subPackages": [{ diff --git a/pages/mine/card/card-detail.vue b/pages/mine/card/card-detail.vue new file mode 100644 index 0000000..8183fd0 --- /dev/null +++ b/pages/mine/card/card-detail.vue @@ -0,0 +1,22 @@ + + + + + diff --git a/pages/mine/card/my-card.vue b/pages/mine/card/my-card.vue index a938dec..48d2130 100644 --- a/pages/mine/card/my-card.vue +++ b/pages/mine/card/my-card.vue @@ -1,15 +1,39 @@ @@ -22,7 +46,13 @@ } }, methods: { - + //名片编辑 + edit() { + this.$tab.navigateTo('/pages/mine/card/card-detail') + }, + addCard() { + this.$tab.navigateTo('/pages/mine/card/card-detail') + } } } @@ -41,8 +71,25 @@ justify-content: center; position: relative; + .click { + background-color: #FFF4F6 !important; + border: 2rpx solid #FC1F3E !important; + position: relative; + + .choosed { + width: 80rpx; + height: 80rpx; + position: absolute; + right: 0; + bottom: -4rpx; + } + } + .card-dom { width: 100%; + border: 2rpx solid white; + padding: 25rpx; + border-radius: 40rpx; background-color: white; position: relative; z-index: 10; @@ -51,25 +98,84 @@ flex-direction: column; align-items: center; justify-content: center; + margin-bottom: 20rpx; .card-title { + width: 100%; display: flex; align-items: center; justify-content: center; image { - width: 80rpx; - height: 80rpx; + width: 40rpx; + height: 40rpx; } text { + padding-left: 15rpx; flex: 1; } .edit-text { - width: 100rpx; + display: flex; + align-items: center; + justify-content: flex-end; + width: 150rpx; } } + + .card-content { + margin-top: 20rpx; + width: 100%; + display: flex; + align-items: center; + justify-content: flex-start; + + image { + width: 120rpx; + height: 120rpx; + border-radius: 15rpx; + } + + .card-person-info { + padding-left: 20rpx; + flex: 1; + display: flex; + align-items: self-start; + justify-content: center; + flex-direction: column; + + image { + margin-left: 10rpx; + width: 20rpx; + height: 20rpx; + } + + .detail-text { + font-size: 20rpx; + padding: 5rpx 0; + } + } + } + } + + .add-new-card { + width: 100%; + padding: 90rpx; + border-radius: 40rpx; + background-color: white; + position: relative; + z-index: 10; + font-size: 26rpx; + display: flex; + align-items: center; + justify-content: center; + + image { + margin-right: 20rpx; + width: 50rpx; + height: 50rpx; + } } } \ No newline at end of file diff --git a/static/mine/choosed.png b/static/mine/choosed.png new file mode 100644 index 0000000000000000000000000000000000000000..86f5b2cbb096139b6fcfa799f918a6db308c4ba4 GIT binary patch literal 1215 zcmV;w1VHPx#1ZP1_K>z@;j|==^1poj532;bRa{vGi!Ti8iq@RZuEa`e2m?iINnWhbkr!TS1Iqs|MPDXd$SLHhzV+4>3x> zk6IM`#ul3gK@>FA^dYtZMNrV7$r~FZ+4HrBMGU!!pSm`-ahvn_J z*-&V>qQS}QYu6L2&%>0pRFr*AOR~E5A@Zm{tmZVA&7d|1Qtw+CTGATyr=`vuQLzn$ zmN^D>L2;eru`o}|RA#L~y%p$c85MJySqAk!7sjn%K4zwZK>)3?2eK+-!rHL;hjaiJy_V zS`gg_nMP<;*5t{qm1 zx#K^>+udVT<|uuKV#j%dR^I^CyBl!qu65!sc#n5TQ#@sK7ASi`ls}eV1$AH#u+*-S z3*+#%J`MbR&gd-BKUtX>=7D$-)c#k1stTiB4_?~~;NSii z@h2;_w;iIG=r;`Lw))>sNqhd=YclWLG6@-i-iY z>lNijCzJ46p94lt8l4-?24c|Xw!w;t+XFL3QOP(2->H8-K69Fo8kB13 z#%{mdv`i&b26fitq173!s7Y5)(h-VgTlbc_{n8yu>L$Jr3f7=}sR`*yzLM6YPdCof dz2)Kn{sZ4IUnhhdc%}dV002ovPDHLkV1kBNL74ym literal 0 HcmV?d00001 diff --git a/static/mine/edit.png b/static/mine/edit.png new file mode 100644 index 0000000000000000000000000000000000000000..0b6355df98ec9445905579315b7edb277a00f451 GIT binary patch literal 598 zcmV-c0;&CpP)Px%5J^NqR7gv;l|73SK^VvX&o0rRq83`nVe$dQK*;Wsq!7~{Ru+mNha6Tm3W8W_ zX`$cY5aEh69!d_>#&RaEUqD5%5y3i*%se{FZrIz~ylk?!u+1*>`#og$x4D8+!E1!5xD~(%x6+s zkdItMw#Vb~PN&m3uISGIVBJvi%m8492TI=ge2@2rbTI-k0{0zY31o#KQxfE`Uxe-Ot--Uu%@N{ID z`2~Q7nQ`As;c<5J_Q4`}tJOMLuh(6vre(>(=L)KT&lFSzFBDV>KP0Fcen7AYJ{Sy6 zO(v7kyoMGHOgcp#Gyepz;Wi+Ec+S%W%S_9xX^aIy5U}TYD%q8flv2;DfKN-r%ufM4 z`Tq(LT~JE>c0bpNJPk0;fSGl23PxJ%zqLGM*I1AvT1A3mfuax?-D)3Mb!Z5sKt^FQF(WEM9mb36aSXW9x5N!Ise_~zG%$>~4 kKL9k3Qt%1D#iJ7Z12QvZ8jpN{@&Et;07*qoM6N<$g1S=^761SM literal 0 HcmV?d00001 diff --git a/static/mine/new.png b/static/mine/new.png new file mode 100644 index 0000000000000000000000000000000000000000..d098b98487b37f62559711b74e1624c348bbf229 GIT binary patch literal 231 zcmeAS@N?(olHy`uVBq!ia0vp^Dj>|k1|%Oc%$NbB7>k44ofy`glX(f`EcA4742f`m zJKd1W$xy&0eO-#-+FtcdpBWD2fAKPFV&UKV>0$W(f-YZ0i%fOvo3%VDinF{g@gAt$ zs<^YqP*2votn2zMlP4T)0UVZ0e*SGvCj<+sj6|IJ8ZIwS_qcRb_Lr}ENo~D zU3<@~hBIPM$LGAbH*?dfJ{A7i$E6Q!emq@$&0=vU#VP%d?3gdVHxf5mzI>rT5zCx; dJb!H$^3M=mzpvYUF3_zE44$rjF6*2UngDccROtW! literal 0 HcmV?d00001 diff --git a/static/mine/sex_boy.png b/static/mine/sex_boy.png new file mode 100644 index 0000000000000000000000000000000000000000..24558995d1fc270bcef5663be481d3acf65ba2b6 GIT binary patch literal 902 zcmV;119|+3P)Px&KuJVFR7gv`mQQG0RTRd*@1FbKBvb2P#fZ8nC@#cCkl-L)m?9PmA}an_=%Pqf zs$y%gUROBEb2m3kRsU?TZwTJ-+T9-V`tLnWHK{( z70uhd_r807=bpcp=y`TD%r7kcwy79RDoO4{Q?OUl@7?9FBGs5I71`#|Yg(ro4Bfh} zO^g%MxLW^Q+*D@c^)zmz+G-xc?*Of>y$mwe4`WM_FILvu;7a}{X*HXj!o@bM1Dcq& z+JAMDUPG2o#(B15GLOZvE3tG%>w@2-bO!)y5;kjQr!it@5wz&uuZHS*PP}rlrlXaA z7nhiBCG9DKcbQ=u0B?jM4L5hg+)~!!9gT%Cf%C&oBtbSS{H<`j$yu1s5zmR(+^RLP z@+x6_+ut1Zq3FVymH!bMI5E|_VPFckEjI24?Lhz|J;pQ@_CBRJ4y_!b*^6d8O4=Sk z-!KX9{q5o$#ycCW8~dInCc6l}4MNQLfkB(9;fGY@`WP`zx+g%~W`6X>SHWka^OC|&YCYC=+sM0UNi7fNIpIk z z5{9bz{Juf@wK0mxrv$Gu$#<23bTlD(gycJhVtYR~cU;;VBNx*qj3?D+2g`yO-7SEh zap3MK*;oD6tpPEnKVMGUH_L)t^w%2PcM5xfQhZSoRG9(nCzJf?vLLFA!{h|X$JJ$D zmjtEn64>svsE5R285k|ykB9?`csqS;l>;r;&}V=i?yl}Zz;=5w$|(S+Rr2QtW?jD) z2ejt87Xt6IS(IrO#>`)XtDR!=(wmp6OHdO{+1LZhi*BNXoO88u0y1I#S zE0MefpswU|onjsEEH~8wV?yA!M0H1Km?Su-(36)M=A4<-0NY039s@22bYGM(Gc1;! zF|pp@lfqA`xW{0q!!TyVA0&Q+;siqc*hb>wdI{4Rd~MN&jPhk`Ht2G)0^5M=)<0hU czb=q}0o{YDVqYdFLjV8(07*qoM6N<$f@g)R0ssI2 literal 0 HcmV?d00001 diff --git a/static/mine/sex_girl.png b/static/mine/sex_girl.png index 9a7367bc1f645280e0a8dfa57b08d818a59bbcc0..4933f3cb8d61f30b2730f457daad6aaed2d73844 100644 GIT binary patch literal 871 zcmV-t1DO1YP)Px&AxT6*R7gv`mRpEcRTRhnYwdHsGtE%ig&8!QVDv!{3LNM`^NRM;q#{94FM%Q= zq0mDw-M|6C!XOCmmj??XqKE1wp_u3`vZ#C!(jXAT2d~WVopbhH|Ja|LVdm?*oIu@A z=VSlB_1o*R*V=-%#r5lx8~@xHN+rwGI|nmq*L3`?N=rg0ndgs=K0GZ`Q+}>))(8Q? z*!Uwe<-kxa!+k`9X>%Hv&)*h+QQ88vAWuH~*o>yxy?|6U2Cd9-<>%`Wb{8}@zTjSY z(tgnBnOr`9OJYuDE|tS|JV`|s0lL$vY#=!bz>DB-kl%U88E@fMCp&{n(`#~lY@Xouy|t2;|q4QnAuFOLRPUngWg!GmS+ zhbh`haJ3xWP~!LjAX|drRgdt~+OUDJ)FX1|^Aq!ddpaH*5_EztjN@sC$#Zj@&{llG)WWbg9~iBK;NML~iz5 zEs%42joee1Ew2rd;9MicMMB;w%zs`7l&L!@;AqqA`P!f=<`6!fhp??5D0LiGx*v^l zx@7pUCn!@l>5X3m*q>48BpFYHUla0HVg9q86)NsD1Zxd^t~84myL*l@aYrCn=Yzcx zgn!)i%AF8kvk5-(ML28@^F}}-y3mPC0@yB;eNFl=+Yj`gVi-)3gy4<>SQTNax>W_c zDfmW+2?{RKa8AJs0)2?WrvbbOa3QJhcDn{0t8NZ#V|2)fqb0*+Ch1DRc0#ZTKsC2+ z8u_g_IZ^oVSGUl1Z9%DX?<=tjK<ZsIsB4XhI)g95ytz+=xRzUZ@Bcue xwl(fG literal 1501 zcmV<31tR*1P)Px)mq|oHR9Hvtmwk}VRTRfR=RS5t+ICqaDpVp3B}Q3_tah+vs~zQiR!n)T@v_Ob zsBB9Ky^v_DDMCo3tyzTH@iwV#DkW1SD{pHTmG|F0^?M$zeR_7E7t=JRac7=Cp5MLq zoX_u^bI<+$g!6RBdCJ8Fut+m=A!7eo#8mZapcl{zXbRK@P5?)N0$@F`R7Ady6v|y6 zaVk}{B`{fwO4{qvmFUK=VA~GZe-NUh;NmLKtTA%)4VZiGRBBfL7|0fpb&&vu4W_D< zfhiP~46@lXjV@aSjuYHhbQF@(2{ZCRrFQ&eAX7w6g##ECn5tHD)1tX+I@&SM!;#;^ zv3+(;Yz*ev$B?9UZhDhMB&30mV5%AgthIBNw$X7ffNCIA^TtSG0@SYu*22$)=-N$C z@SWdUnJ^sFC*>2MtBAPuSm6i<>{-prf6P9V8EB+#ZOr7ykv1*Lb)XvxutT4OgNJcF2yXFfi$=RUH>I^_5%2ECmcNnZsDhN zaskj?d$9e|Vf!xM{+McbR?oG>$F&xb%@x4~jhL$D+Vn|Xbdh_o%8ckJ%)2ikH(ig- znt|plEZ4qt?}B8HgyO^4#J;7qDfcE}re>@akq!}qscI7r6mM}7x(g@$50X5PjG2^< zox2RpoEr2X$bjyc%pu;0YW7UuT8{^_={+Pq?ivyKsXPM}Mod-5*x3uROO2J;ZRSn$ z)|Jzt7wjkuenKlpWAYb3B@ebmx6-weIRrDH`*;y~I#RIZ&O@2W<>lcu1LWOom*4uvgbe`*r)U0w1e%~Cp@t6 z!!T*7ILQOy+iku*S6+_iv-vwjq+z6B#ZI%Xapg5rlbZuq)WJ4SF2Aq+!;_i$G}8HY zoVNEv;a=bDMV0YvU2#-IE{+uJ52x{+RXHBm2W41a_nN^zIsxz16l_$v2vhI@9R3a4 z`o6O(-L~;{Zi$Fgj}&aXb6bxFr8QA@cg^aU^^2fz5B8qH1oXHvYvq}dm|k~dr@W57 z{Px+IIyLcZSiDO~5++!>IO%&Ib?z~d>sxTQ}DX2NiE`z~zSXxO>i-+tw2WOy3p z;hyN`Z?HXw!T08W977)IhZ)fyJ$)M1 z7kKCJ7^qbPN$rf(i1mTrHv~!!`+>_7gE0f|&k&J`kw)xlEh_oZTNkdpsdpLXjY&wO z2I&5S=;YU+dMswl!{~uxq^5tV=%FL%EAOChErAm!{e4GA;aRuP)oM*E5|W{=q&0R# zc6(it=QHf_AieHJM)XHwW4w>F_z>3ZPwxNg8iE_WU3+}LQ>V*47VcGLo*Vs6*J{h#mUW*`C$(TFmm<@WT!`Sc0@|i5@$S&YXwNnje_DGIVBEmMa*a6Oqxux=c7= zuB6VjbC!10vD3V^%%Yc(R?Toyhr;G>pi_ePqL!=b;<$zW#kYYzMeqv6-rZak+dh=U z4hiP1BcHU+)4cpP_K7J-S}N3zM@N-8P*IhjeQQ`*&NoL)HO$0Ou0C_sYs$YOt^a=Y zGZH(CeMRZ^`5f_f{C~)yfH1j-rCTB(HxeA%g?Oo$dQ8 zMBTJ~z17>-yr8veK%)l8EjN0JRR00000NkvXXu0mjf DQF`{~