From a301977d2939dfc6784137975ebc5dc4e813020b Mon Sep 17 00:00:00 2001 From: xhhing <1370112271@qq.com> Date: Fri, 29 Nov 2024 18:12:12 +0800 Subject: [PATCH] update:community.page --- .../community/community/community.vue | 90 ++++++++++++++---- .../community/pictures/red_love_image.png | Bin 0 -> 2296 bytes 2 files changed, 70 insertions(+), 20 deletions(-) create mode 100644 static/homepages/community/community/pictures/red_love_image.png diff --git a/pages/homepages/community/community/community.vue b/pages/homepages/community/community/community.vue index d6b9742..31a8a60 100644 --- a/pages/homepages/community/community/community.vue +++ b/pages/homepages/community/community/community.vue @@ -27,30 +27,30 @@ - + - 今天去海边锻炼看见的,真是太美了啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊 + {{item.word}} - + - 10 + {{item.comments_num}} @@ -70,30 +70,79 @@ export default { return { posts:[ { - content:'' + avatar:'../../../../static/homepages/community/community/pictures/dog_image.png', + name:'cat', + date:'2024年9月31日', + word:'今天去海边锻炼看见的,真是太美了啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊', + imgList:[ + '../../../../static/homepages/community/community/pictures/dog_image.png', + '../../../../static/homepages/community/community/pictures/dog_image.png', + '../../../../static/homepages/community/community/pictures/dog_image.png', + '../../../../static/homepages/community/community/pictures/dog_image.png', + ], + comments_num:1, + like_num:100, + islike:false, }, { - content:'' + avatar:'../../../../static/homepages/community/community/pictures/dog_image.png', + name:'puppy', + date:'2024年11月13日', + word:'今天去海边锻炼看见的,真是太美了', + imgList:[ + '../../../../static/homepages/community/community/pictures/dog_image.png', + '../../../../static/homepages/community/community/pictures/dog_image.png', + '../../../../static/homepages/community/community/pictures/dog_image.png', + ], + comments_num:12, + like_num:17, + islike:false, }, { - content:'' + avatar:'../../../../static/homepages/community/community/pictures/dog_image.png', + name:'cat', + date:'2024年10月13日', + word:'今天去海边锻炼看见的', + imgList:[ + '../../../../static/homepages/community/community/pictures/dog_image.png', + '../../../../static/homepages/community/community/pictures/dog_image.png', + ], + comments_num:10, + like_num:100, + islike:false, }, { - content:'' + avatar:'../../../../static/homepages/community/community/pictures/dog_image.png', + name:'cat', + date:'2024年1月13日', + word:'今天去锻炼', + imgList:[ + '../../../../static/homepages/community/community/pictures/dog_image.png', + ], + comments_num:10, + like_num:100, + islike:false, }, ], - imgList: [ - '../../../../static/homepages/community/community/pictures/dog_image.png', - '../../../../static/homepages/community/community/pictures/dog_image.png', - '../../../../static/homepages/community/community/pictures/dog_image.png', - '../../../../static/homepages/community/community/pictures/dog_image.png', - ] }; }, mounted(){ this.getAllPost() }, + computed:{ + likeImages() { + return this.posts.map((post, index) => ({ + index, + image: post.islike ? '../../../../static/homepages/community/community/pictures/red_love_image.png' : '../../../../static/homepages/community/community/pictures/love_image.png' + })); + } + }, methods:{ + getLikeImage(index) { + //TODO:获取点赞的图片 + const item = this.likeImages.find(item => item.index === index); + return item ? item.image : ''; + }, getAllPost(){ //TODO:获取所有的帖子 const app = getApp() @@ -110,8 +159,9 @@ export default { }, }) }, - likeClick(){ + likeClick(index){ //TODO:点赞 + this.posts[index].islike = this.posts[index].islike ? false:true }, toAddPostPage(){ //TODO:转到发布帖子界面 diff --git a/static/homepages/community/community/pictures/red_love_image.png b/static/homepages/community/community/pictures/red_love_image.png new file mode 100644 index 0000000000000000000000000000000000000000..2008c0a712eff724ada60d67bda5eccc7199ffd3 GIT binary patch literal 2296 zcmV@~0drDELIAGL9O(c600d`2O+f$vv5yP+&5Y(&{CpGG6K)I$US00000000000000000000008T&qQt4M zzS^U@-lM7-(R|+U=bvBOj_1m9zHzaz&t14JH!8V zBkkqoQS1;65}wGRxvu45|4FDfdTFE?Q(Q7PI^hxah$4v|9{uLl^=mRe=6n8+s2_Mv zbmVJJ)X!-oG%sjaL3fU2QNzPS`Edeo?lLcLv_2!;*f^!3cZg;4`C;f$C`x$xz4CN` zp?noG@*Gtc7e9~%wX-8T!!e~usWTp3pM^T(3?3f!<(Ca@ZT&huD*BurA1wHz7hrQLwMMJ~+mi@?c z@7|bT2*>@7dpo7xkg5Ck$0nQGho^gp4Ti9}dH01qc}&@qQe%_NUBcs9*#%p5efL~* zW5fK4v)nykvN_pO3M0>O8VbW`K(Go=Uy_LZq$e!7b8>rmY4iJOOg6R~c`h#-f?;iM z-#+q7TN(?x^~;Lv!gKE)MxCMEQWnyqQiQTmm>b|ByzXYM)9a`0Iyl`^5)Ik-@S$0C z(@nB*btTCr7+6*9)7F-RXu>Bja?|{7|44U~BZFOdASELmq5*bhyTjJTMvw>RAuqOP zTL@373~qiUGB1T%X7K5lq$=qkpUO_x+3&#FgTC<6kiYpdU(b9i+BJd8g1QtGYgGwKU| z?j*$MlP~FQXvs@>F#2Tc#AO9UfA=tB^vRFqT<70!Cr|p`!8VPBUao6Uy~!RkKQ=+#e;Yj%`csKe{QSqi--A7s+4->dbnB$^3Y$uCPxv(cJA&cN=dU<8)}7uzCC=)` zJ3Dd)hJHRnQ0hlMR2@(NaT*WEETt5FGu_(!lg0t3)pe>~w|BL9U@C(G3-a zRBJE$oo^7yw9@4O9TEbxIw^E^JKbQC>xYX<{0ah8$ZaIqOc|B{j~IML?xWEu_wJ7;zS|TqaT%153P>gLjIdD&#h@U1PMbCYMu4m0K$YtdQHtdV$(v zD)HSj?X`N;Y$1=e+a%5bPx#@I!zT39+71wKI7nsV!|V`3Q(Zt12Gj99+5>; zg~V>Hu$A?M`9|qCRhX6#98p|&mii*Ll%C+t2VyGju(gn2AvKG7m5E}*BN7TwalsKq zhessPRH4Y=h~mQ|2CT$qQz5re-r3d-bg{9UM8}j>h1|wkghxbgs?c@jD*EYNTuJ}{xetyOqL@TLlxR>*Cv#f14LK`QZ?7dlO?ZFq#&rV48o9I@8n5nckchQSeQ zH|M#I=Rk5>gv%W0Mg%slzuvX8-(YY{%Z6A2V=}Z z`ex}%Gyc1C{<|~2hBH}*Q*m%4>!#|pQvm<~00000000000000000000O7su+32s-o SP8zfT0000