商品消息的宽度设置为72%

hdApp/src/admin/chat/chatPage.vue

@@ -38,10 +38,8 @@
             <view class="message-time">{{ message.time }}</view>
           </view>
 
-          <view v-if="message.messageType == 'goods'" class="message-content-wrapper">
-            <view class="username align-right" v-if="isMultiUser">{{
-              message.username
-            }}</view>
+          <view v-if="message.messageType == 'goods'" class="goods-content-wrapper">
+            <view class="username align-right" v-if="isMultiUser">{{message.username}}</view>
             <view class="goods-info left-bubble">
               <view class="goods-main">
                 <image class="goods-image" :src="message.goodsInfo.goodsImg" mode="aspectFill"></image>
@@ -90,10 +88,8 @@
             <view class="message-time align-right">{{ message.time }}</view>
           </view>
 
-          <view v-if="message.messageType == 'goods'" class="message-content-wrapper">
-            <view class="username align-right" v-if="isMultiUser">{{
-              message.username
-            }}</view>
+          <view v-if="message.messageType == 'goods'" class="goods-content-wrapper">
+            <view class="username align-right" v-if="isMultiUser">{{message.username}}</view>
             <view class="goods-info right-bubble">
               <view class="goods-main">
                 <image
@@ -1147,6 +1143,10 @@ export default {
   min-width: 100upx;
 }
 
+.goods-content-wrapper {
+  width: 72%;
+}
+
 .username {
   font-size: 24upx;
   color: $fontColor3;

mallApp/src/pages/chat/chatPage.vue

@@ -38,7 +38,7 @@
             <view class="message-time">{{ message.time }}</view>
           </view>
 
-          <view v-if="message.messageType == 'goods'" class="message-content-wrapper">
+          <view v-if="message.messageType == 'goods'" class="goods-content-wrapper">
             <view class="username align-right" v-if="isMultiUser">{{
               message.username
             }}</view>
@@ -74,15 +74,13 @@
         <!-- 右侧消息（我的） -->
         <view class="message-right" v-if="message.isMine || message.customId">
           <view v-if="message.messageType == 'text'|| message.messageType != 'goods'" class="message-content-wrapper">
-            <view class="username align-right" v-if="isMultiUser">{{
-              message.username
-            }}</view>
+            <view class="username align-right" v-if="isMultiUser">{{ message.username}}</view>
             <view class="message-bubble right-bubble">
               <text class="message-text">{{ message.message }}</text>
             </view>
             <view class="message-time align-right">{{ message.time }}</view>
           </view>
-          <view v-if="message.messageType == 'goods'" class="message-content-wrapper">
+          <view v-if="message.messageType == 'goods'" class="goods-content-wrapper">
             <view class="username align-right" v-if="isMultiUser">{{
               message.username
             }}</view>
@@ -930,7 +928,7 @@ export default {
 
     // 输入框聚焦事件
     onInputFocus() {
-      console.log('输入框聚焦');
+      // console.log('输入框聚焦');
       // 微信小程序中，聚焦时延迟滚动到底部
       setTimeout(() => {
         this.scrollToBottom();
@@ -939,7 +937,7 @@ export default {
 
     // 输入框失焦事件
     onInputBlur() {
-      console.log('输入框失焦');
+      // console.log('输入框失焦');
     },
 
     // 输入内容变化事件
@@ -1025,7 +1023,7 @@ export default {
         this.socket.send({
           data: json,
           success: () => {
-            console.log("商品消息发送成功");
+            // console.log("商品消息发送成功");
           },
           fail: (error) => {
             console.error("商品消息发送失败:", error);
@@ -1326,6 +1324,10 @@ export default {
   min-width: 100upx;
 }
 
+.goods-content-wrapper {
+  width: 72%;
+}
+
 .username {
   font-size: 24upx;
   color: $fontColor3;