修改了留言详情页面的样式问题

pagesme/message/info.vue

@@ -3,11 +3,15 @@
     <!-- 页头 -->
     <u-navbar @leftClick="backbar" bgColor="#F4F5F9" title="个人留言"></u-navbar>
     <view class="fixed-buttons" :style="{'top':navHeight+'px','position': 'relative'}">
-      <view class="button-item" @click="addBlack">拉黑</view>
-      <view class="vertical-line" style="width: 1px; height: 50rpx; background-color: #808080;"></view>
-      <view class="button-item">要微信</view>
+      <u-tabbar
+          :fixed="false"
+          :placeholder="false"
+          :safeAreaInsetBottom="false"
+      >
+        <u-tabbar-item text="拉黑" icon="close-circle-fill" @click="tabbarClick"/>
+        <u-tabbar-item text="要微信" icon="weixin-fill" @click="tabbarClick"/>
+      </u-tabbar>
     </view>
-    <view style="height: 80rpx;"></view>
     <z-paging ref="paging" empty-view-text=" "
               :empty-view-title-style="{
 				'font-size': '32rpx',
@@ -20,37 +24,37 @@
 				'width': '447rpx',
 				'height': '375rpx'
 			}" v-model="chatList" @query="getMessageList" :fixed="true" :auto-show-back-to-top="true" :back-to-top-with-animate="false">
-    <view class="page-layout">
-      <view class="page-body" id="x_chat">
-        <view v-for="(item, index) in chatList" :key="index">
-          <view class="chat-item-body">
-            <view class="chat-item-time">{{item.createDate}}</view>
-            <view v-if="item.userId == targetId" class="chat-item-layout chat-left">
-              <view class="chat-inner-layout">
-                <view class="chat-item-name">{{item.memNickName}}</view>
-                <view class="chat-item-msg-layout">
-                  <image class="chat-item-photo" :src="item.avatarUrl" ></image>
-                  <view class="chat-inner-msg-left">{{item.content}}</view>
+      <view class="page-layout">
+        <view class="page-body" id="x_chat">
+          <view v-for="(item, index) in chatList" :key="index">
+            <view class="chat-item-body">
+              <view class="chat-item-time">{{item.createDate}}</view>
+              <view v-if="item.userId == targetId" class="chat-item-layout chat-left">
+                <view class="chat-inner-layout">
+                  <view class="chat-item-name">{{item.memNickName}}</view>
+                  <view class="chat-item-msg-layout">
+                    <image class="chat-item-photo" :src="item.avatarUrl" ></image>
+                    <view class="chat-inner-msg-left">{{item.content}}</view>
+                  </view>
                 </view>
               </view>
-            </view>
-            <view v-else class="chat-item-layout chat-right">
-              <view class="chat-inner-layout">
-                <view class="chat-item-name-right">{{item.memNickName}}</view>
-                <view class="chat-item-msg-layout">
-                  <view class="chat-inner-msg-right">{{item.content}} </view>
-                  <image class="chat-item-photo"  :src="item.avatarUrl" ></image>
+              <view v-else class="chat-item-layout chat-right">
+                <view class="chat-inner-layout">
+                  <view class="chat-item-name-right">{{item.memNickName}}</view>
+                  <view class="chat-item-msg-layout">
+                    <view class="chat-inner-msg-right">{{item.content}} </view>
+                    <image class="chat-item-photo"  :src="item.avatarUrl" ></image>
+                  </view>
                 </view>
               </view>
             </view>
           </view>
         </view>
+        <view class="submit-layout">
+          <input class="submit-input" placeholder="点击输入，开始聊天吧" v-model="inputTemp" @input="bindKeyInput"/>
+          <view class="submit-submit" type="submit" size="mini" @tap="submitTo">发送</view>
+        </view>
       </view>
-      <view class="submit-layout">
-        <input class="submit-input" placeholder="点击输入，开始聊天吧" v-model="inputTemp" @input="bindKeyInput"/>
-        <view class="submit-submit" type="submit" size="mini" @tap="submitTo">发送</view>
-      </view>
-    </view>
     </z-paging>
   </view>
 </template>
@@ -110,6 +114,16 @@ export default {
     })
   },
   methods: {
+    tabbarClick(e){
+      if (e === 0){
+        //拉黑
+        this.addBlack()
+      }
+      if (e === 1){
+        //要微信
+
+      }
+    },
     getLeaveMessageDict(){
       getDict('leave_message_config').then(res=> {
         this.leaveMessageOptions = res.data.data