消息

TUIKit/components/TUIChat/index.vue

@@ -1,4 +1,15 @@
 <template>
+    <div class="Navigation">
+    <image
+      src="../../../static/Navigationimg.png"
+      mode="scaleToFill"
+      class="Navigationimg"
+    />
+    <image @click="Returnfunc" src="../../../static/Return.png" mode="scaleToFill" class="Return" />
+  </div>
+  <div class="dingweizhibox">
+    
+  </div>
   <div class="chat">
     <div :class="['tui-chat', !isPC && 'tui-chat-h5']">
       <div
@@ -114,6 +125,8 @@ import TUIChatConfig from './config';
 import { onLoad, onUnload } from '@dcloudio/uni-app';
 import { initChat, logout } from './entry-chat-only.ts';
 
+
+
 onLoad((options) => {
   initChat(options);
 });
@@ -214,6 +227,12 @@ const handleGroup = () => {
   headerExtensionList.value[0].listener.onClicked({ groupID: groupID.value });
 };
 
+function Returnfunc(){
+  uni.navigateBack({
+    delta: 1
+  });
+}
+
 function changeToolbarDisplayType(type: ToolbarDisplayType) {
   inputToolbarDisplayType.value = inputToolbarDisplayType.value === type ? 'none' : type;
   if (inputToolbarDisplayType.value !== 'none' && isUniFrameWork) {
@@ -301,5 +320,47 @@ function onCurrentConversationUpdate(conversation: IConversationModel) {
   currentConversationID.value = conversationID;
 }
 </script>
-
 <style scoped lang="scss" src="./style/index.scss"></style>
+<style>
+.dingweizhibox{
+  width: 100%;
+  height: 15%;
+}
+.Navigation {
+  width: 100%;
+  height: 10%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 999;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+}
+.Navigationimg {
+  width: 100%;
+  height: 200rpx;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
+}
+.Navigation {
+  width: 100%;
+  height: 200rpx;
+  z-index: 999;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.Return {
+  width: 50rpx;
+  height: 50rpx;
+  position: absolute;
+  top: 100rpx;
+  left: 40rpx;
+  z-index: 999;
+}
+</style>
+