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

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',
@@ -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