1

pages/friendcircle/friendcircle.vue

@@ -340,8 +340,8 @@
 				<u-loadmore :status="status" :load-text="loadText" :font-size="24" :margin-top="20" :margin-bottom="20" bg-color="#FFF" />
 			</scroll-view>
 				<!-- 输入框 -->
-				<view class="comment" v-if="focu==true">
-					<input type="text" v-model="commentMsg.Content" :placeholder='placeholder' class="commentinput" :focus='focu'>
+				<view class="comment" v-if="focu==true" :style="{'bottom':inputheight}">
+					<input type="text" v-model="commentMsg.Content" :placeholder='placeholder' class="commentinput" :focus='focu' @focus='getfocus'>
 					<view class="comment-pl" :style="{background:mainColor}" @click="addComment">评论</view>
 				</view>
 				
@@ -415,7 +415,7 @@
 				playindex:0,
 				controls:false,//显示默认控件
 				dianindex:0,//点的索引
-				
+				inputheight:0,//键盘的高度
 			}
 		},
 		created() {
@@ -591,8 +591,21 @@
 						}
 					}
 				);
+			},
+			getfocus(){
+				uni.onKeyboardHeightChange(res => {
+				  console.log(res.height,'获取')
+				  this.inputheight = res.height+'px'
+				})
 			},
-			pinglun(x, i) { //评论
+			pinglun(x, i) { //评论
+			uni.onKeyboardHeightChange(res => {
+			  console.log(res.height,'px')
+			  this.inputheight = res.height+'px'
+			})
+				this.focu = false;
+				this.commentMsg.Content = '';
+				this.placeholder = '评论';
 				this.focu = true;
 				this.choiceId = x.id;
 				this.$forceUpdate()
@@ -605,7 +618,8 @@
 			},
 			inputscroll() { //滚动时触发
 				//初始化内容
-				this.focu = false;
+				this.focu = false;
+				this.inputheight = 0;
 				this.commentMsg.Content = '';
 				this.placeholder = '评论';
 				this.g[this.dianindex].dianshow =false;
@@ -621,6 +635,10 @@
 				if(this.msg.UserId == this.user.item.empId){//自己点自己的时候处理
 					this.show=true
 				}else{
+					uni.onKeyboardHeightChange(res => {
+					  console.log(res.height,'px')
+					  this.inputheight = res.height+'px'
+					})
 					this.focu = true;
 					this.choiceId = x.id;
 					this.$forceUpdate()
@@ -667,7 +685,8 @@
 					},
 					res => {
 						if (res.resultCode == 1) {
-							this.focu = false;
+							this.focu = false;
+							this.inputheight = 0;
 							this.commentMsg.Content = '';
 							this.placeholder = '评论';
 							this.init2(2)

pages/friendcircle/mydetails.vue

@@ -295,8 +295,8 @@
 				</view>
 			</view>
 			<!-- 输入框 -->
-			<view class="comment" >
-				<input type="text" v-model="commentMsg.Content" :placeholder='placeholder' class="commentinput"  :focus='focu'>
+			<view class="comment" :style="{'bottom':inputheight}">
+				<input type="text" v-model="commentMsg.Content" :placeholder='placeholder' class="commentinput"  :focus='focu' @focus='getfocus'>
 				<view class="comment-pl" :style="{background:mainColor}" @click.stop="addComment">评论</view>
 			</view>
 				
@@ -348,6 +348,7 @@
 				isdelete:false,//是否出现删除键
 				showdelete:false,//提示删除的弹框
 				index:0,//上个页面的索引
+				inputheight:0,//键盘的高度
 			}
 		},
 		onLoad(options) {
@@ -455,6 +456,10 @@
 				if(this.UserId == this.user.item.empId){//自己点自己的时候处理
 					this.show=true
 				}else{
+					uni.onKeyboardHeightChange(res => {
+					  console.log(res.height,'回复')
+					  this.inputheight = res.height+'px'
+					})
 					this.focu = true;
 					this.choiceId = x.id;
 					
@@ -467,8 +472,22 @@
 				}
 				
 				
+			},
+			getfocus(){
+				uni.onKeyboardHeightChange(res => {
+				  console.log(res.height,'获取')
+				  this.inputheight = res.height+'px'
+				})
 			},
 			pinglun(x) { //评论
+				
+				uni.onKeyboardHeightChange(res => {
+				  console.log(res.height,'评论')
+				  this.inputheight = res.height+'px'
+				})
+				this.focu = false;
+				this.commentMsg.Content = '';
+				this.placeholder = '评论';
 				this.focu = true;
 				this.choiceId = x.id;
 				this.detial.dianshow = false; //隐藏按钮
@@ -494,6 +513,7 @@
 					},
 					res => {
 						if (res.resultCode == 1) {
+							this.inputheight = 0
 							this.focu = false;
 							this.commentMsg.Content = '';
 							this.placeholder = '评论';
@@ -506,6 +526,7 @@
 				this.focu=false
 				this.commentMsg.Content = '';
 				this.placeholder = '评论';
+				this.inputheight = 0
 			},
 			mydelete(){//删除自己的回复
 				this.request2({

pages/friendcircle/release.vue

@@ -86,6 +86,9 @@
 		align-items: center;
 		font-size: 12px;
 		color: #333333;
+		width: 100%;
+		height: 100%;
+		justify-content: center;
 	}
 	.release .as-box{
 		width: 100%;
@@ -134,7 +137,7 @@
 	}
 	.release  .audio-ot{
 		width: 1;flex:1;margin-right: 20px;display: flex;flex-direction: row;align-items: center;padding: 0 10px;justify-content: space-between;
-		height: 25px;
+		height: 30px;
 		background: #EBEBEB;
 		border-radius: 4px;
 	}
@@ -537,6 +540,7 @@
 			},
 			// 录制结束
 			onEndRecoder () {
+				console.log('结束')
 				this.gifshow = false
 			  recorderManager.stop()
 			},