发送消息不显示bug

pages/mine/im/index-app.scss

@@ -4,29 +4,54 @@
   width: 100%;
 
 }
+
 .status_bar-nobg {
   height: var(--status-bar-height);
   width: 100%;
 
 }
+
 /* 转圈动画 */
 .turn-load {
   animation: turnmy 1s linear infinite;
 }
+
 @keyframes turnmy {
-0%{-webkit-transform:rotate(0deg);}
+  0% {
-25%{-webkit-transform:rotate(90deg);}
+    -webkit-transform: rotate(0deg);
-50%{-webkit-transform:rotate(180deg);}
-75%{-webkit-transform:rotate(270deg);}
-100%{-webkit-transform:rotate(360deg);}
   }
+
+  25% {
+    -webkit-transform: rotate(90deg);
+  }
+
+  50% {
+    -webkit-transform: rotate(180deg);
+  }
+
+  75% {
+    -webkit-transform: rotate(270deg);
+  }
+
+  100% {
+    -webkit-transform: rotate(360deg);
+  }
+}
+
 .one-show {
   animation: oneshow 0.8s ease 1;
 }
+
 @keyframes oneshow {
-from{opacity: 0;}
+  from {
-to{opacity: 1;}
+    opacity: 0;
   }
+
+  to {
+    opacity: 1;
+  }
+}
+
 .status_bar-fixed {
   height: var(--status-bar-height);
   width: 100%;
@@ -34,6 +59,7 @@ position: fixed;
   background-color: #f1f1f1;
   z-index: 20;
 }
+
 .head-dh-my {
   display: flex;
   position: fixed;
@@ -44,40 +70,51 @@ z-index: 15;
   background-color: #e3e3e3;
   width: 750rpx;
 }
+
 .border-bom {
   border-bottom: 0.5rpx solid #DDDDDD;
 }
+
 .border-red {
   border-bottom: 1rpx solid #d33e18;
 }
+
 .border-bom-big {
   border-bottom: 8rpx solid #DDDDDD;
 }
+
 .border-bom-white {
   border-bottom: 2rpx solid #FFFFFF;
 }
+
 .border-bom-green {
   border-bottom: 4rpx solid #f8f9bd;
 }
+
 .border-bom-index {
   border-bottom: 4rpx solid #27d9b3;
 }
+
 .padding-left {
   padding-left: 20rpx;
 }
+
 .padding-left-top {
   padding-left: 20rpx;
   padding-top: 20rpx;
 }
+
 .padding-right {
   padding-right: 20rpx;
 }
+
 .input-my {
   padding-left: 20rpx;
   border-radius: 40rpx;
   height: 50rpx;
   margin: 10rpx;
 }
+
 .tb-tag-absolute {
   position: absolute;
   z-index: 5;
@@ -86,6 +123,7 @@ width: 750rpx;
   margin-left: 25rpx;
   margin-top: -35rpx;
 }
+
 .lk-tag {
   height: 50rpx;
   padding: 0 10rpx;
@@ -99,35 +137,42 @@ width: 750rpx;
 
 
 }
+
 .tb-tag-my {
   border-radius: 15rpx;
   font-size: 16rpx;
   margin-left: 5rpx;
 }
+
 .my-green {
   color: #29c7a5;
 }
+
 .my-hui {
   color: #585858;
   font-size: 22rpx;
 }
+
 .flex-column-center {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
+
 .flex-column-between {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
 }
+
 .flex-column-start {
   display: flex;
   flex-direction: column;
   justify-content: center;
 }
+
 .flex-column-around {
   display: flex;
   flex-direction: column;
@@ -135,52 +180,63 @@ width: 750rpx;
   align-items: center;
 
 }
+
 .flex-row-start {
   display: flex;
   flex-direction: row;
   align-items: center;
 }
+
 .flex-row-around {
   display: flex;
   flex-direction: row;
   justify-content: space-around;
   align-items: center;
 }
+
 .flex-row-center {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
 }
+
 .flex-row-between {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
 }
+
 .my-title {
   font-size: 35rpx;
   font-weight: bold;
 }
+
 .my-neirong {
   font-size: 26rpx;
   color: #6d6d6d;
 }
+
 .my-neirong-sm {
   font-size: 23rpx;
   color: #616161;
 }
+
 .my-tag-text {
   font-size: 22rpx;
   padding-top: 20rpx;
   color: #bababa;
 }
+
 .padding-top {
   padding-top: 35rpx;
 }
+
 .padding-top-sm {
   padding-top: 20rpx;
 }
+
 .bottom-dh {
   background-color: #f1f1f1;
   position: fixed;
@@ -189,12 +245,14 @@ width: 750rpx;
   width: 750rpx;
   height: 110rpx;
 }
+
 .tb-text {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
+
 .bottom-text {
   width: 750rpx;
   position: fixed;
@@ -203,6 +261,7 @@ width: 750rpx;
   color: #9d9d9d;
   bottom: 70rpx;
 }
+
 .white-box {
   padding: 0 20rpx;
   margin-bottom: 15rpx;
@@ -211,6 +270,7 @@ width: 750rpx;
   background-color: #FFFFFF;
   border-radius: 30rpx;
 }
+
 .green-box {
   padding: 0 20rpx;
   margin-bottom: 15rpx;
@@ -220,6 +280,7 @@ width: 750rpx;
   border-radius: 30rpx;
   background-image: linear-gradient(#1faf97, #29c7a5);
 }
+
 .yuan-sm {
   width: 13rpx;
   height: 13rpx;
@@ -227,6 +288,7 @@ width: 750rpx;
   background-color: #1fc189;
   margin-left: 10rpx;
 }
+
 .yuan-normal {
   width: 14rpx;
   height: 14rpx;
@@ -235,6 +297,7 @@ width: 750rpx;
   margin-left: 10rpx;
 
 }
+
 .yuan-normal-red {
   width: 14rpx;
   height: 14rpx;
@@ -243,6 +306,7 @@ width: 750rpx;
   margin-left: 10rpx;
 
 }
+
 .yuan-sm-red {
   width: 13rpx;
   height: 13rpx;
@@ -250,46 +314,59 @@ width: 750rpx;
   background-color: #de410d;
   margin-left: 10rpx;
 }
+
 .white-box-all {
   margin-top: 5rpx;
   width: 750rpx;
   background-color: #FFFFFF;
   border-radius: 13px;
 }
+
 .moneycolor {
   color: #ea5002;
 }
+
 .text-bold-sm {
   font-weight: 425;
 }
+
 .sm-moneycolor {
   color: #e3793b;
 }
+
 .margin-top {
   margin-top: 20rpx;
 }
+
 .margin-top-sm {
   margin-top: 12rpx;
 }
+
 .margin {
   margin: 20rpx;
 }
+
 .margin-left {
   margin-left: 20rpx;
 }
+
 .margin-left-top {
   margin-left: 20rpx;
   margin-top: 20rpx;
 }
+
 .margin-right {
   margin-right: 20rpx;
 }
+
 .my-absolute {
   position: absolute;
 }
+
 .my-fixed {
   position: fixed;
 }
+
 .my-seach {
   width: 450rpx;
   height: 55rpx;
@@ -297,6 +374,7 @@ width: 750rpx;
   border-radius: 30rpx;
   padding-left: 20rpx;
 }
+
 .move-view {
   width: 48rpx;
   height: 10rpx;
@@ -304,12 +382,14 @@ width: 750rpx;
   border-radius: 4rpx;
   margin-left: 100rpx;
 }
+
 .move-view-p {
   width: 45rpx;
   height: 10rpx;
   background-color: #28ba91;
   border-radius: 4rpx;
 }
+
 .header-dh {
   position: fixed;
   padding-top: 20rpx;
@@ -319,17 +399,23 @@ width: 750rpx;
   background-color: #f1f1f1;
   z-index: 20;
 }
+
 .tp-normal {
   width: 60rpx;
   height: 60rpx;
-}.tp-sm{
+}
+
+.tp-sm {
   width: 45rpx;
   height: 45rpx;
-}.tp-big{
+}
+
+.tp-big {
   width: 70rpx;
   height: 70rpx;
   border-radius: 50%;
 }
+
 .main-color {
   color: #07D188;
 }
@@ -1605,9 +1691,11 @@ image {
 .round {
   border-radius: 5000rpx;
 }
+
 .radius-m {
   border-radius: 12rpx;
 }
+
 .radius {
   border-radius: 6rpx;
 }
@@ -4080,11 +4168,13 @@ button.cuIcon.lg {
 .cu-modal.drawer-modal.show .cu-dialog {
   transform: translateX(0%);
 }
+
 .cu-modal .cu-dialog>.cu-bar:first-child .action {
   min-width: 100rpx;
   margin-right: 0;
   min-height: 100rpx;
 }
+
 /* ==================
          轮播
  ==================== */
@@ -4514,11 +4604,13 @@ scroll-view.cu-steps .cu-item {
   position: relative;
   overflow: hidden;
 }
+
 .grid.grid-square>view.bg-img image {
   width: 100%;
   height: 100%;
   position: absolute;
 }
+
 .grid.col-1.grid-square>view {
   padding-bottom: 100%;
   height: 0;
@@ -4999,6 +5091,7 @@ scroll-view.cu-steps .cu-item {
   background-color: #FFFFCC;
   color: black;
 }
+
 .bg-to-color {
   background-color: #F5F5F5;
   color: black;
@@ -5532,6 +5625,7 @@ scroll-view.cu-steps .cu-item {
 .gif-black {
   mix-blend-mode: screen;
 }
+
 .gif-white {
   mix-blend-mode: multiply;
 }

pages/mine/im/index.vue

@@ -25,7 +25,6 @@
                 <view v-else>
                   <view class="goodsCard u-flex u-row-between u-p-b-0" style="width:100%;margin: 0 0; ">
                     <view class="imagebox" @click="jumpGoodDelic">
-                      <!-- <image class="image" :src="goodLiistData.thumbnail" mode="widthFix"></image> -->
                       <image class="image" :src="JSON.parse(item.text).thumbnail" mode="widthFix"></image>
                     </view>
                     <view class="goodsdesc" @click="jumpGoodDelic">
@@ -292,7 +291,7 @@ export default {
         talk_id: this.params.talkId,
       }
       this.ws.send(JSON.stringify(msg))
-      this.msgList.push({ "text": JSON.stringify(this.goodLiistData), "my": true })
+      this.msgList.push({ "text": JSON.stringify(this.goodLiistData), "my": true, "messageType": 'GOODS' })
       this.showHide = false
       storage.setImGoodsLink(this.params.talkId)
     },
@@ -390,7 +389,7 @@ export default {
         talk_id: this.params.talkId,
       }
       this.ws.send(JSON.stringify(msg))
-      this.msgList.push({ "text": this.msg, "my": true })
+      this.msgList.push({ "text": this.msg, "my": true, "messageType": 'MESSAGE' })
       // 保证消息可见
       let type = 'down';
       this.msgGo(type)