优化页面

TUIKit/components/TUIChat/index.vue

@@ -1,5 +1,8 @@
 <template>
-  <div class="Navigation">
+   <!-- <div class="Navigation">
+    <div class="Navigation-name">
+      {{currentConversationID}}
+    </div>
     <image
       src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Navigationimg.png"
       mode="scaleToFill"
@@ -11,8 +14,10 @@
       mode="scaleToFill"
       class="Return"
     />
+  </div> -->
+    <div class="dingweizhibox">
+
   </div>
-  <div class="dingweizhibox"></div>
   <div class="chat">
     <div :class="['tui-chat', !isPC && 'tui-chat-h5']">
       <div
@@ -446,10 +451,22 @@ function onCurrentConversationUpdate(conversation: IConversationModel) {
 </script>
 <style scoped lang="scss" src="./style/index.scss"></style>
 <style>
-.dingweizhibox {
+.dingweizhibox{
   width: 100%;
   height: 15%;
 }
+.tui-chat{
+  width: 100%;
+  height: 15%;
+}
+.tui-chat-h5 {
+  width: 100%;
+  height: 100%;
+}
+.tui-chat-uniapp-header{
+  width: 100%;
+  height: 100%;
+}
 .Navigation {
   width: 100%;
   height: 10%;
@@ -485,4 +502,12 @@ function onCurrentConversationUpdate(conversation: IConversationModel) {
   left: 40rpx;
   z-index: 999;
 }
+.Navigation-name{
+  width: 50rpx;
+  height: 50rpx;
+  position: absolute;
+  top: 100rpx;
+  left: 300rpx;
+  z-index: 999;
+}
 </style>