优化页面

unpackage/dist/dev/mp-weixin/TUIKit/components/TUIChat/chat-header/index.js

@@ -8,11 +8,14 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
   setup(__props, { emit: __emit }) {
     const currentConversation = common_vendor.ref();
     const typingStatus = common_vendor.ref(false);
-    const setChatHeaderContent = (content) => {
-      var _a;
-      (_a = common_vendor.i) == null ? void 0 : _a.setNavigationBarTitle({
-        title: content || "云通信 IM"
+    const Title = common_vendor.ref("Global");
+    function Returnfunc() {
+      common_vendor.index.navigateBack({
+        delta: 1
       });
+    }
+    const setChatHeaderContent = (content) => {
+      Title.value = content || "Global";
     };
     common_vendor.onMounted(() => {
       common_vendor.Jt.watch(common_vendor.o.CONV, {
@@ -45,13 +48,16 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
       var _a;
       typingStatus.value = status;
       if (typingStatus.value) {
-        setChatHeaderContent(common_vendor.Wt.t("TUIChat.对方正在输入"));
+        setChatHeaderContent(common_vendor.Wt.t("TUIChat.对方正在输入..."));
       } else {
         setChatHeaderContent((_a = currentConversation.value) == null ? void 0 : _a.getShowName());
       }
     }
     return (_ctx, _cache) => {
-      return {};
+      return {
+        a: common_vendor.t(common_vendor.unref(Title)),
+        b: common_vendor.o$1(Returnfunc)
+      };
     };
   }
 });

unpackage/dist/dev/mp-weixin/TUIKit/components/TUIChat/chat-header/index.wxml

@@ -1 +1 @@
-<view style="display:flex"/>
+<view class="Navigation"><view class="Navigation-name">{{a}}</view><image src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Navigationimg.png" mode="scaleToFill" class="Navigationimg"/><image bindtap="{{b}}" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Return.png" mode="scaleToFill" class="Return"/></view>

unpackage/dist/dev/mp-weixin/TUIKit/components/TUIChat/chat-header/index.wxss

@@ -0,0 +1,34 @@
+
+.Return {
+  width: 46rpx;
+  height: 46rpx;
+  position: absolute;
+  top: 110rpx;
+  left: 40rpx;
+  z-index: 999;
+  font-weight: bold;
+}
+.Navigationimg {
+  width: 100%;
+  height: 240rpx;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
+}
+.Navigation-name{
+  position: absolute;
+  top: 110rpx;
+  left: 320rpx;
+  font-size: 36rpx;
+  color: #000000;
+  font-weight: bold;
+}
+.Navigation{
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 999;
+  width: 100%;
+  height: 240rpx;
+}

unpackage/dist/dev/mp-weixin/TUIKit/components/TUIChat/index.wxml

@@ -1 +1 @@
-<view class="dingweizhibox data-v-04dfedea"></view><view class="chat data-v-04dfedea"><view class="{{['data-v-04dfedea', 'tui-chat', O]}}"><view wx:if="{{a}}" class="{{['data-v-04dfedea', 'tui-chat-default', b]}}"><slot/></view><view wx:if="{{c}}" class="{{['data-v-04dfedea', 'tui-chat', K]}}"><chat-header wx:if="{{h}}" class="{{['data-v-04dfedea', 'tui-chat-header', d, e]}}" bindcloseChat="{{f}}" bindopenGroupManagement="{{g}}" u-i="04dfedea-0" bind:__l="__l" u-p="{{h}}"/><forward class="data-v-04dfedea" bindtoggleMultipleSelectMode="{{i}}" u-i="04dfedea-1" bind:__l="__l"/><message-list wx:if="{{o}}" u-r="messageListRef" class="{{['r', 'data-v-04dfedea', 'tui-chat-message-list', k]}}" bindhandleEditor="{{l}}" bindcloseInputToolBar="{{m}}" bindtoggleMultipleSelectMode="{{n}}" u-i="04dfedea-2" bind:__l="__l" u-p="{{o}}"/><view wx:if="{{p}}" class="{{['data-v-04dfedea', 'tui-chat-leave-group', r && 'tui-chat-leave-group-mobile']}}">{{q}}</view><multiple-select-panel wx:elif="{{s}}" class="data-v-04dfedea" bindoneByOneForwardMessage="{{t}}" bindmergeForwardMessage="{{v}}" bindtoggleMultipleSelectMode="{{w}}" u-i="04dfedea-3" bind:__l="__l"/><block wx:else><message-input-toolbar wx:if="{{x}}" class="{{['data-v-04dfedea', 'tui-chat-message-input-toolbar', y, z]}}" bindinsertEmoji="{{A}}" bindchangeToolbarDisplayType="{{B}}" bindscrollToLatestMessage="{{C}}" u-i="04dfedea-4" bind:__l="__l" u-p="{{D}}"/><message-input wx:if="{{J}}" u-r="messageInputRef" class="{{['r', 'data-v-04dfedea', 'tui-chat-message-input', F, G, H]}}" bindchangeToolbarDisplayType="{{I}}" u-i="04dfedea-5" bind:__l="__l" u-p="{{J}}"/></block></view><view wx:if="{{L}}" class="group-profile data-v-04dfedea" bindtap="{{N}}">{{M}}</view></view></view>
+<chat-header class="ChatHeadercss data-v-04dfedea" u-i="04dfedea-0" bind:__l="__l"/><view class="dingweizhibox data-v-04dfedea"></view><view class="chat data-v-04dfedea"><view class="{{['data-v-04dfedea', 'tui-chat', J]}}"><view wx:if="{{a}}" class="{{['data-v-04dfedea', 'tui-chat-default', b]}}"><slot/></view><view wx:if="{{c}}" class="{{['data-v-04dfedea', 'tui-chat', F]}}"><forward class="data-v-04dfedea" bindtoggleMultipleSelectMode="{{d}}" u-i="04dfedea-1" bind:__l="__l"/><message-list wx:if="{{j}}" u-r="messageListRef" class="{{['r', 'data-v-04dfedea', 'tui-chat-message-list', f]}}" bindhandleEditor="{{g}}" bindcloseInputToolBar="{{h}}" bindtoggleMultipleSelectMode="{{i}}" u-i="04dfedea-2" bind:__l="__l" u-p="{{j}}"/><view wx:if="{{k}}" class="{{['data-v-04dfedea', 'tui-chat-leave-group', m && 'tui-chat-leave-group-mobile']}}">{{l}}</view><multiple-select-panel wx:elif="{{n}}" class="data-v-04dfedea" bindoneByOneForwardMessage="{{o}}" bindmergeForwardMessage="{{p}}" bindtoggleMultipleSelectMode="{{q}}" u-i="04dfedea-3" bind:__l="__l"/><block wx:else><message-input-toolbar wx:if="{{r}}" class="{{['data-v-04dfedea', 'tui-chat-message-input-toolbar', s, t]}}" bindinsertEmoji="{{v}}" bindchangeToolbarDisplayType="{{w}}" bindscrollToLatestMessage="{{x}}" u-i="04dfedea-4" bind:__l="__l" u-p="{{y}}"/><message-input wx:if="{{E}}" u-r="messageInputRef" class="{{['r', 'data-v-04dfedea', 'tui-chat-message-input', A, B, C]}}" bindchangeToolbarDisplayType="{{D}}" u-i="04dfedea-5" bind:__l="__l" u-p="{{E}}"/></block></view><view wx:if="{{G}}" class="group-profile data-v-04dfedea" bindtap="{{I}}">{{H}}</view></view></view>

unpackage/dist/dev/mp-weixin/TUIKit/components/TUIChat/index.wxss

@@ -650,58 +650,11 @@ input.data-v-04dfedea:focus, input.data-v-04dfedea:active, textarea.data-v-04dfe
   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%;
+.ChatHeadercss{
   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;
-}
-.Navigation-name{
-  width: 50rpx;
-  height: 50rpx;
-  position: absolute;
-  top: 100rpx;
-  left: 300rpx;
-  z-index: 999;
+  height: 15%;
 }