优化代码

pages/PKMessageprocessing/PKMessageprocessing.vue

@@ -24,7 +24,7 @@
         </view>
 
         <view class="Individual">
-          <view class="name">{{ SenderData.anchorId }}</view>
+          <view class="name">{{ SenderData.disPlayId }}</view>
 
           <view class="GenderAndAge">
             <view class="male" v-if="SenderData.sex === '1'">
@@ -84,7 +84,7 @@
         </view>
 
         <view class="Individual">
-          <view class="name">{{ ReceiverData.anchorId }}</view>
+          <view class="name">{{ ReceiverData.disPlayId }}</view>
 
           <view class="GenderAndAge">
             <view class="male" v-if="ReceiverData.sex === '1'">
@@ -138,6 +138,7 @@
         </view>
       </view>
       <!-- 邀请信息 -->
+      <view class="flex">
       <view
         class="button"
         v-if="PkIDInfodata.pkStatus === 0 && ReceiverData.senderId !== id"
@@ -145,15 +146,23 @@
         <button class="accept" @click="AcceptHint()">接受邀请</button>
         <button class="reject" @click="RefuseHint()">拒绝邀请</button>
       </view>
+    </view>
+    <view class="flex">
       <view
         v-if="ReceiverData.senderId === id && PkIDInfodata.pkStatus === 0"
         class="button buttontext"
         >等待对方接受邀请</view
       >
+    </view>
+    <view class="flex">
       <view v-if="PkIDInfodata.pkStatus === 1" class="button buttontext">已接受邀请</view>
+    </view>
+      <view class="flex">
       <view v-if="PkIDInfodata.pkStatus === 2" class="button buttontext">已拒绝邀请</view>
     </view>
+    </view>
   </view>
+
   <uni-popup ref="popups" type="center" border-radius="10px 10px 0 0">
     <view class="popup-Hintcontent">
       <view class="popup-text">提示</view>
@@ -375,7 +384,7 @@ export default {
   display: flex;
   flex-direction: column;
   align-items: center;
-  margin-top: 80rpx;
+  margin-top: 10rpx;
 }
 .sengderIcon {
   width: 150rpx;
@@ -485,11 +494,16 @@ export default {
   flex-direction: column;
   align-items: center;
 }
+.flex{
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 15px;  
+}
 .button {
   display: flex;
   justify-content: center;
   align-items: center;
-  margin-top: 150rpx;
 }
 .buttontext {
   font-size: 40rpx;