更新

TUIKit/components/TUIChat/components/MessageElements/ImageMessage/index.json

@@ -1,4 +1,8 @@
 {
   "component": true,
-  "usingComponents": {}
+  "usingComponents": {
+    "van-image": "@vant/weapp/image/index",
+    "van-loading": "@vant/weapp/loading/index"
+   
+  }
 }

TUIKit/components/TUIChat/components/MessageElements/ImageMessage/index.wxml

@@ -1,5 +1,12 @@
 <view class="TUI-ImageMessage" bindtap="previewImage">
-  <image class="image-message {{isMine?'my-image':''}}"  mode="aspectFill" src="{{renderDom[0].src}}" />
-  <image wx:if="{{showSave}}" class="image-message {{isMine?'my-image':''}}"  mode="aspectFill" src="{{renderDom[0].src}}" show-menu-by-longpress="{{true}}"/>
+  <!-- <image class="image-message {{isMine?'my-image':''}}"  mode="aspectFill" src="{{renderDom[0].src}}" /> -->
+
+  <!-- <image wx:if="{{showSave}}" class="image-message {{isMine?'my-image':''}}"  mode="aspectFill" src="{{renderDom[0].src}}" show-menu-by-longpress="{{true}}"/> -->
+  <van-image use-loading-slot fit="cover" class="image-message {{isMine?'my-image':''}}" width="100%" height="100" src="{{renderDom[0].src}}" radius="6px">
+    <van-loading slot="loading" type="spinner" size="20" vertical />
+  </van-image>
+  <van-image wx:if="{{showSave}}" use-loading-slot fit="cover" class="image-message {{isMine?'my-image':''}}" width="100%" height="100" src="{{renderDom[0].src}}" radius="6px" show-menu-by-longpress="{{true}}">
+    <van-loading slot="loading" type="spinner" size="20" vertical />
+  </van-image>
 </view>
 

TUIKit/components/TUIChat/components/MessageInput/index.js

@@ -152,6 +152,7 @@ Component({
         // wx.showToast({
         //   title: '网络类型：'+res.networkType,
         // })
+
         _this.setData({
           networkstatus: res.networkType
         })

TUIKit/components/TUIChat/index.js

@@ -124,7 +124,20 @@ Component({
         finsh_btn: false
       })
 
-      
+      wx.onNetworkStatusChange((res) => {
+        let msg = ''
+        if (!res.isConnected) {
+          msg = '当前网络不可用，请检查你的网络设置'
+        } else if (res.networkType === 'none') {
+          msg = '网络开小差了,请在网络良好后重试'
+        }
+        if (msg) {
+          wx.showToast({
+            title: msg,
+            icon: 'none',
+          })
+        }
+      })
 
     }
   },
@@ -280,6 +293,7 @@ Component({
       }).catch(errors => {
         console.error(errors);
         this.setData({
+          message_rounds:this.data.total_rounds,
           finsh_btn: false
         })
       })