From e658558d4bdbfc19ba4ac852b0cc3f8482cb9d02 Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Tue, 26 Sep 2023 19:08:35 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E8=AE=AF=E9=A3=9E=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2,=E4=BF=AE=E5=A4=8Dbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index/index.vue | 75 ++++++++++++++++++++-----------------------
 1 file changed, 34 insertions(+), 41 deletions(-)

diff --git a/pages/index/index.vue b/pages/index/index.vue
index f30af64..522f82b 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -312,7 +312,7 @@
           "pic": this.avatar
         }
         console.log(data);
-        this.TEXT = this.content;
+        this.TEXT = this.content+'';
         this.talkList.push(data);
         this.talkList.push({
           "id": new Date().getTime(),
@@ -323,17 +323,8 @@
         this.n_content = '';
         this.c_content = '';
         this.socketing = true;
-        // return ;
-        this.$nextTick(() => {
-          // 清空内容框中的内容
-          this.content = '';
-          // uni.pageScrollTo({
-          //   scrollTop: 999999, // 设置一个超大值，以保证滚动条滚动到底部
-          //   duration: 0
-          // });
-        })
+        this.content = '';
         this.sendToSpark();
-
       },
       async sendToSpark() {
         // let myUrl = await this.getWebSocketUrl();
@@ -627,16 +618,16 @@
       color: #333;
 
       .pic {
-        width: 92rpx;
-        height: 92rpx;
+        width: 62rpx;
+        height: 62rpx;
         border-radius: 50%;
         border: #fff solid 1px;
       }
 
       .content {
-        padding: 20rpx;
+        padding: 10rpx 16rpx;
         border-radius: 4px;
-        max-width: 500rpx;
+        max-width: 600rpx;
         word-break: break-all;
         line-height: 52rpx;
         position: relative;
@@ -647,21 +638,22 @@
         .content {
           min-width: 20rpx;
           min-height: 52rpx;
-          margin-left: 32rpx;
+          // margin-left: 32rpx;
+          margin-left: 16rpx;
           background-color: #fff;
 
-          &::after {
-            content: '';
-            display: block;
-            width: 0;
-            height: 0;
-            border-top: 16rpx solid transparent;
-            border-bottom: 16rpx solid transparent;
-            border-right: 20rpx solid #fff;
-            position: absolute;
-            top: 30rpx;
-            left: -18rpx;
-          }
+          // &::after {
+          //   content: '';
+          //   display: block;
+          //   width: 0;
+          //   height: 0;
+          //   border-top: 16rpx solid transparent;
+          //   border-bottom: 16rpx solid transparent;
+          //   border-right: 20rpx solid #fff;
+          //   position: absolute;
+          //   top: 30rpx;
+          //   left: -18rpx;
+          // }
         }
       }
 
@@ -673,22 +665,23 @@
         .content {
           min-width: 20rpx;
           min-height: 52rpx;
-          margin-right: 32rpx;
+          // margin-right: 32rpx;
+          margin-right: 16rpx;
           background-color: #2573fb;
           color: #fff;
 
-          &::after {
-            content: '';
-            display: block;
-            width: 0;
-            height: 0;
-            border-top: 16rpx solid transparent;
-            border-bottom: 16rpx solid transparent;
-            border-left: 20rpx solid #2573fb;
-            position: absolute;
-            top: 30rpx;
-            right: -18rpx;
-          }
+          // &::after {
+          //   content: '';
+          //   display: block;
+          //   width: 0;
+          //   height: 0;
+          //   border-top: 16rpx solid transparent;
+          //   border-bottom: 16rpx solid transparent;
+          //   border-left: 20rpx solid #2573fb;
+          //   position: absolute;
+          //   top: 30rpx;
+          //   right: -18rpx;
+          // }
         }
       }
     }