处理样式问题

pages/friendcircle/friendcircle.vue

@@ -62,7 +62,7 @@
 		justify-content: space-around;
 		position: absolute;
 		right: 29px;
-		bottom: -5px;
+		bottom: -8px;
 		font-size: 11px;
 		color: #FFFFFF;
 	}
@@ -226,7 +226,6 @@
 <template>
 	<div class='friendcircle'>
 		<view class="mynews-top" v-if="Messagecount>0">
-			
 			<view class="top-box" @click="gomymessage()">
 				<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/wodehufong.png" mode="widthFix" style="width: 16px;height: auto;"></image>
 				<text style="margin-left: 6px;">我的互动消息</text>
@@ -237,10 +236,10 @@
 			</view>
 		</view>
 		<u-empty v-if="g.length == 0" text="暂无动态" mode="list"></u-empty>
-		<view v-if="g.length > 0" :style="{'width':'100vw','overflow':'hidden','margin-top':Messagecount>0?'60px':'0','height':Messagecount>0?'calc(100vh-60px)':'100vh',}">
+		<view v-if="g.length > 0" style="width: 100vw;height: 100vh;overflow: hidden;">
 			<scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scroll='inputscroll' @scrolltolower="lower"
 			 :style="{ height: '100%' }">
-				<view class="ftBox" v-for="(x, i) in g" :key="i">
+				<view class="ftBox" v-for="(x, i) in g" :key="i" :style="{'margin-top':Messagecount>0 && i==0?'80px':'20px'}">
 					<view class="ftBox-left">
 						<u-avatar :src="x.crearteEmPhoto" size='80' mode="square"></u-avatar>
 					</view>
@@ -338,14 +337,14 @@
 						</view>
 					</view>
 				</view>
-				
+				<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-pl" :style="{background:mainColor}" @click="addComment">评论</view>
 				</view>
-				<u-loadmore :status="status" :load-text="loadText" :font-size="24" :margin-top="20" :margin-bottom="20" bg-color="#FFF" />
+				
 		</view>
 		<auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth='gbAuth'></auth>
 		<u-popup v-model="show" mode="bottom" border-radius='14'>
@@ -414,7 +413,9 @@
 				user:'',//点击用户保存的数据
 				Messagecount:0,
 				playindex:0,
-				controls:false,//显示默认控件
+				controls:false,//显示默认控件
+				dianindex:0,//点的索引
+				
 			}
 		},
 		created() {
@@ -553,8 +554,16 @@
 			gbAuth() {
 				uni.navigateBack()
 			},
-			getdian(x, i) { //点击点点
-				this.g[i].dianshow = !this.g[i].dianshow;
+			getdian(x, i) { //点击点点
+				if(this.dianindex == i){
+					this.g[i].dianshow = !this.g[i].dianshow;
+					this.dianindex = i
+				}else{
+					this.g[this.dianindex].dianshow =false;
+					this.g[i].dianshow = !this.g[i].dianshow;
+					this.dianindex = i
+				}
+				
 				this.$forceUpdate()
 			},
 			dianzan(x, i) { //点赞
@@ -598,7 +607,8 @@
 				//初始化内容
 				this.focu = false;
 				this.commentMsg.Content = '';
-				this.placeholder = '评论';
+				this.placeholder = '评论';
+				this.g[this.dianindex].dianshow =false;
 
 			},
 			huifu(x,i,item,iq){