From ebc04b19006d58909de9867fc2e91de9d9f0de36 Mon Sep 17 00:00:00 2001
From: xhhing <1370112271@qq.com>
Date: Sat, 30 Nov 2024 01:29:26 +0800
Subject: [PATCH] add:add_post page

---
 pages.json                                    |   7 +
 .../homepages/community/add_post/add_post.vue | 112 ++++++++++++
 .../community/community/community.vue         |  12 +-
 .../add_post/pictures/add_post_image.png      | Bin 0 -> 8519 bytes
 .../add_post/pictures/left_arrow.png          | Bin 0 -> 1102 bytes
 .../community/add_post/scss/add_post.scss     | 169 ++++++++++++++++++
 6 files changed, 299 insertions(+), 1 deletion(-)
 create mode 100644 pages/homepages/community/add_post/add_post.vue
 create mode 100644 static/homepages/community/add_post/pictures/add_post_image.png
 create mode 100644 static/homepages/community/add_post/pictures/left_arrow.png
 create mode 100644 static/homepages/community/add_post/scss/add_post.scss

diff --git a/pages.json b/pages.json
index 45ba06f..a12fd74 100644
--- a/pages.json
+++ b/pages.json
@@ -517,6 +517,13 @@
         "navigationStyle": "custom"
       }
     },
+	{
+	  "path": "pages/homepages/community/add_post/add_post",
+	  "style" :
+	  {
+	    "navigationStyle": "custom"
+	  }
+	},
     {
       "path": "pages/homepages/community/personal_center/personal_center",
       "style" :
diff --git a/pages/homepages/community/add_post/add_post.vue b/pages/homepages/community/add_post/add_post.vue
new file mode 100644
index 0000000..b60eef0
--- /dev/null
+++ b/pages/homepages/community/add_post/add_post.vue
@@ -0,0 +1,112 @@
+<template>
+	<view class="add_post_box">
+		<!-- 头部盒子 -->
+		<view class="addpost_top_box">
+			<!-- 返回个人中心盒子 -->
+			<view class="return_box" @click="toCommunityPage">
+				<image class="return_image" src="../../../../static/homepages/community/add_post/pictures/left_arrow.png" mode="widthFix"></image>
+			</view>
+			<!-- 标题盒子 -->
+			<view class="title_box">发布我的帖子</view>
+			<button class="publish_btn">发表</button>
+		</view>
+		<!-- 提示盒子 -->
+		<view class="addpost_tip_box">分享自己的健康秘诀</view>
+		<!-- 发布盒子 -->
+		<view class="addpost_box">
+			<view class="post_box">
+				<view class="post_top_box">
+					<view class="post_avatar_box">
+						<image class="post_avatar" :src=user.avatar mode="widthFix"></image>
+					</view>
+					<view class="post_info">
+						<view class="post_name">{{user.name}}</view>
+						<view class="post_date">{{user.date}}</view>
+					</view>
+				</view>
+				<textarea class="post_word_box" v-model="user.word" placeholder="请输入你的文案(最多50个字)" cols="16" rows="2" auto-height maxlength="50"></textarea>
+				<!-- <view class="post_word_box">{{user.word}}</view> -->
+				<view class="post_images_box">
+					<view class="myimgDV">
+					    <view class='receiveimage flex justify'>
+					        <block v-for="(item,ind) in user.imgList" :key="ind">
+					            <image class="imgitem doublepic" @tap="chooseTheImg(ind)" :style="{height:imgheight}" :src="item" mode="aspectFill"></image>
+					        </block>
+					    </view>
+					</view>
+					<!-- <community_image_box class="post_images" :imgList='user.imgList' :num='user.imgList.length'></community_image_box> -->
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import community_image_box from "../../../../components/community_image_box/community_image_box.vue";
+
+export default{
+	data(){
+		return{
+			user:{
+				avatar:'../../../../static/homepages/community/community/pictures/dog_image.png',
+				name:'cat',
+				date:'2024年9月31日',
+				word:'',
+				imgList:[
+					'../../../../static/homepages/community/add_post/pictures/add_post_image.png',
+					'../../../../static/homepages/community/add_post/pictures/add_post_image.png',
+					'../../../../static/homepages/community/add_post/pictures/add_post_image.png',
+					'../../../../static/homepages/community/add_post/pictures/add_post_image.png',
+				],
+			},
+			imgheight:'',
+		}
+	},
+	methods:{
+		getheight() {
+			console.log('imgboxtype:',this.imgboxtype)
+		    let that = this;
+		    const query = uni.createSelectorQuery().in(that)
+		    query.select('.imgitem').boundingClientRect()
+		    query.exec((res)=>{
+		        console.log(res[0].width)
+		        that.imgheight = (res[0].width).toFixed(2) + 'px';
+		    })
+		},
+		chooseTheImg(index){
+		    uni.chooseImage({  
+		        count: 1,  //图片可选择数量
+		        sizeType: ['original','compressed'],  //original 原图，compressed 压缩图，默认二者都有
+		        sourceType: ['album'],   //album 从相册选图，camera 使用相机，默认二者都有。
+		        crop: {  //是否进行裁剪，此配置一般用于头像上传时裁剪成正方形等
+					width: 100,
+					height: 100
+				},
+		        success: res => {
+					console.log('res', res)
+		            let imgFiles = res.tempFilePaths   //图片的本地文件路径列表
+		            // this.uploadTheImg(imgFiles)
+					console.log('imgFiles', imgFiles)
+					this.user.imgList[index] = imgFiles[0]
+					console.log(this.user.imgList[index])
+		        }
+		    })
+		},
+		toCommunityPage(){
+			uni.navigateTo({
+				url:'/pages/homepages/community/community/community'
+			})
+		}
+	},
+	mounted() {
+		this.$nextTick(function() {
+		    this.getheight();
+		})
+	}
+}
+
+</script>
+
+<style lang="scss" scoped>
+	@import "@/static/homepages/community/add_post/scss/add_post.scss"
+</style>
\ No newline at end of file
diff --git a/pages/homepages/community/community/community.vue b/pages/homepages/community/community/community.vue
index 31a8a60..6f14654 100644
--- a/pages/homepages/community/community/community.vue
+++ b/pages/homepages/community/community/community.vue
@@ -161,10 +161,20 @@ export default {
 	  },
 	  likeClick(index){
 		  //TODO:点赞
-		  this.posts[index].islike = this.posts[index].islike ? false:true
+		  if (this.posts[index].islike){
+			  this.posts[index].islike = false
+			  this.posts[index].like_num--
+		  }
+		  else{
+			  this.posts[index].islike = true
+			  this.posts[index].like_num++
+		  }
 	  },
 	  toAddPostPage(){
 		  //TODO:转到发布帖子界面
+		  uni.navigateTo({
+		  	url:'/pages/homepages/community/add_post/add_post'
+		  })
 	  }
   }
 }
diff --git a/static/homepages/community/add_post/pictures/add_post_image.png b/static/homepages/community/add_post/pictures/add_post_image.png
new file mode 100644
index 0000000000000000000000000000000000000000..9634891ea799b57a44cc5a6978469b42e56cc27f
GIT binary patch
literal 8519
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
Oz|ljF2g~>SU-=JZC^@45

literal 0
HcmV?d00001

diff --git a/static/homepages/community/add_post/pictures/left_arrow.png b/static/homepages/community/add_post/pictures/left_arrow.png
new file mode 100644
index 0000000000000000000000000000000000000000..522c77220a92868a6d3f0a869e3591c2901c796a
GIT binary patch
literal 1102
zcmeAS@N?(olHy`uVBq!ia0vp^6F``Q4M;wBd$a>caTa()7BevDc!MzGQrl@Ofr5<1
zLGDfr>(0r%1aer?9eo`c7&i8E|4C$JU|@di>Eakt!T9#Bf1a?XNW;hQ+(nY<X-npH
zx+P_*IOr6!JZCFldcZNK;R(kbg*gnHoYpjmM&DS-5VYC3X~v^`tIjuzq+1+3I<ih*
z4PF21x2}%%#_)e3dADQNy8>;)4I(&|nZy3omRT94DQ(*D`Qo36TSHY}q)cF(`n1*a
z;j`^MGtSEYe|IOT`rEskeFtuPuszGR>8|#*5wH6<-!N^Lou0h>wfuP;dqj*B?mwP*
za=qN+J1=$}xSeqCP|c&CX>}zv$F9ln|CBhwbwyRKWOA*8_mSX@zkZyyTCg;1UhCuF
z2=?VF!KaTr?s;?Op8Z|XiqoGIs$N#S`L}Js<Tp%8^XgJX1wMY!pWV=*-lqfPS6ulo
z_N~4$@3KYZjU&akzFQvIY_%$Uf!VxP<L|R}FMVI!k-qf`n~P0mfTY03CC;%9M<$Df
zG79=vU10$V1_=TMwSNK)%k^Y;v3cojrts*Z;>m^%_x>kLN^-H2xH>Anc&Y&fH9LWV
z>t8Sm_U8pME6M#`#Oh*G*&!tG@yX)vK<)Z_fp+|Ssk<QcQRb(OXU{4h6zZAUdfS>~
z&-MM&8>V%$uYUOM{MnPL+1lESEceB)<^2*?FW>d%_93mAorOo|x4UoNE#&awr-SlL
z|Cu~u(+!K3>Zm)0{r|wcOe{^S<II%oO=c4rn%JN0ljBg{H2IgxiPr))3l<e@XWhs;
z`?tg&g<rw8tFIlGPM@`Vc9RCz<88C9KU~Uk;q-*F%)9HC{yg+x*@E<EjfO|BY5z94
zQJ%TCPIzzNy!*L)U3$Om58vEbINilBwCUWM+91z_z5m6onJQi1Q?GyKqgePQ&)_NX
zk2^KwFP>vpT4dv5t30veOLv{0iQvm=N7nHuUDBReo9MD6ILJD<(_{XVZ^wiu>UsJ-
zS5UH@G?(AS#Y)9?VNb`U>3@1$l)PqlX|8pdqGwvXs8hptmD*L|z^af~{WlxzcKp3w
zvADPH)#o428kbJIc+~#b|2J2+K7I0!;Yw`5yWrY_`5l)Qe(Gv<nZmbq`W}@<CM))(
zX$c-({%_H47m?||8lqf8{KXizc4+kFFl7k_{@=v4!qw&PDZK?^f?w571EsI@=P+mK
z3I{44efIF;n`H;QuQ6`j<#vT{X-?Qe>9blP+;yv`|8&^6ciZpV$4>Np7tT5+`1@2H
z>#t>}y}mqq{5hLRznOEzQ_+dVyU!Y4n0Mgx0;a6LYKyYgTI~GQ=%09xO*~+AZ$|B(
z``yn3KHS$&-f?tKZeISGvmdWs-^OLsBZMQb9r-A!8MWcr<bVZYAQhgjelF{r5}E*K
CgY$y`

literal 0
HcmV?d00001

diff --git a/static/homepages/community/add_post/scss/add_post.scss b/static/homepages/community/add_post/scss/add_post.scss
new file mode 100644
index 0000000..269c180
--- /dev/null
+++ b/static/homepages/community/add_post/scss/add_post.scss
@@ -0,0 +1,169 @@
+.add_post_box{
+	height: 100vh;
+	width: 100vw;
+	position: relative;
+	.addpost_top_box{
+		display: flex;
+		align-items: center;
+		// background-color: #55aaff;
+		height: 10vh;
+		width: 100%;
+		position: absolute;
+		top: 5%;
+		.return_box{
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			background-color: #E6EEFA;
+			height: 5.5vh;
+			width: 5.5vh;
+			border-radius: 50%;
+			position: absolute;
+			left: 5vw;
+			.return_image{
+				width: 3vh;
+			}
+		}
+		.title_box{
+			font-family: 'Poppins';
+			font-style: normal;
+			font-weight: 550;
+			font-size: 2.8vh;
+			width: fit-content;
+			// line-height: 33px;
+			/* or 92% */
+			text-align: center;
+			letter-spacing: -0.604677px;
+			color: #000000;
+			position: absolute;
+			left: 50%;
+			transform: translateX(-50%);
+		}
+		.publish_btn{
+			position: absolute;
+			right: 5vw;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			background: #5790DF;
+			box-shadow: 0px 14.8205px 29.641px rgba(87, 144, 223, 0.5);
+			border-radius: 20px;
+			padding: 1vh 2vh;
+			font-family: 'Poppins';
+			font-style: normal;
+			font-weight: 500;
+			font-size: 1.5vh;
+			text-align: center;
+			letter-spacing: -0.604677px;
+			color: #FFFFFF;
+		}
+	}
+	.addpost_tip_box{
+		position: absolute;
+		top: 15vh;
+		left: 50%;
+		transform: translateX(-50%);
+		width: 80%;
+		text-align: center;
+		font-family: 'Poppins';
+		font-style: normal;
+		font-weight: 600;
+		font-size: 1.9vh;
+		letter-spacing: -0.604677px;
+		color: #CCB8B8;
+		padding-bottom: 1vh;
+		border-bottom: 1px solid #000000;
+	}
+	.addpost_box{
+		position: absolute;
+		left: 50%;
+		transform: translateX(-50%);
+		top: 25vh;
+		width: 90%;
+		.post_box{
+			background-color: #B2CBF0;
+			border-radius: 30px;
+			padding: 5vh 2vh;
+			box-sizing: border-box;
+			margin-bottom: 5vh;
+			width: 100%;
+			display: flex;
+			flex-direction: column;
+			position: relative;
+		}
+		.post_top_box{
+			display: flex;
+			.post_avatar_box{
+				width: 5vh;
+				height: 5vh;
+				border-radius: 50%;
+				background-color: #fff;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				margin-right: 2vh;
+				.post_avatar{
+					width: 80%;
+				}
+			}
+			.post_info{
+				font-family: 'Poppins';
+				font-style: normal;
+				font-weight: 700;
+				font-size: 2vh;
+				color: #000000;
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+			}
+		}
+		.post_word_box{
+			font-family: 'Poppins';
+			font-style: normal;
+			font-weight: 700;
+			font-size: 2vh;
+			color: #000000;
+			margin-top: 2.5vh;
+			background-color: #E6EEFA;
+			border-radius: 8px;
+			box-sizing: border-box;
+			padding: 1.5vh 1.5vh;
+			height: 5.5vh;
+			width:100%;
+			letter-spacing: 1px;
+		}
+		.post_images_box{
+			width: 100%;
+			height:70%;
+			// .post_images{
+			// 	width: 100%;
+			// 	height: 100%;
+			// }
+			.myimgDV {
+				width: 100%;
+				height: 100%;
+			    .flex {
+			        display: flex;
+			    }
+			    .justify {
+			        justify-content: space-between;
+			    }
+			    .receiveimage {
+			        margin-top: 28rpx;
+			        display: flex;
+			        flex-wrap: wrap;
+			        width: 100%;
+			        .doublepic {
+						// height: 100%;
+						width: 49%;
+			            margin-right: 12rpx;
+			            margin-bottom: 12rpx;
+			            &:nth-child(2n) {
+			                margin-right: 0;
+			            }
+			        }
+			    }
+			}
+		}
+	}
+}
\ No newline at end of file