flat: 暂存

pages/chat/components/ai-paging.vue

@@ -38,16 +38,15 @@
                         </view>
                         <view class="message" :class="{ messageNull: !msg.displayText }" v-else>
                             <!-- {{ msg.displayText }} -->
-                            <md-render :content="msg.displayText"></md-render>
+                            <view class="message-markdown">
+                                <md-render :content="msg.displayText"></md-render>
+                                <view class="message-controll"></view>
+                            </view>
                             <!-- guess -->
                             <view
                                 class="guess"
                                 v-if="showGuess && !msg.self && messages.length - 1 === index && msg.displayText"
                             >
-                                <view class="guess-top">
-                                    <image class="guess-icon" src="/static/icon/tips2.png" mode=""></image>
-                                    猜你所想
-                                </view>
                                 <view class="gulist">
                                     <view
                                         class="guess-list"
@@ -225,7 +224,6 @@ const sendMessage = () => {
             useChatGroupDBStore()
                 .getStearm(values, normalArr, scrollToBottom)
                 .then(() => {
-                    console.log(messages);
                     getGuess();
                     scrollToBottom();
                 });
@@ -506,25 +504,18 @@ defineExpose({ scrollToBottom, closeGuess, colseFile });
 .msg-files:active
     background: #e9e9e9
 .guess
-    border-top: 2rpx solid #8c8c8c
-    padding: 20rpx 0 10rpx 0
-    .guess-top
-        padding: 0 0 10rpx 0
-        display: flex
-        align-items: center
-        color: rgba(255, 173, 71, 1)
-        font-size: 28rpx
-        .guess-icon
-            width: 43rpx
-            height: 43rpx
+    padding: 5rpx 0 10rpx 0
     .guess-list
-        border: 2rpx solid #8c8c8c
-        padding: 6rpx 12rpx
-        border-radius: 10rpx;
-        width: fit-content
-        margin: 0 10rpx 10rpx 0
+        padding: 16rpx 24rpx
+        margin-top: 28rpx
         font-size: 24rpx
         color: #8c8c8c
+        width: 100%;
+        border-radius: 20rpx 20rpx 20rpx 20rpx;
+        border: 2rpx solid #E5E5E5;
+        font-size: 28rpx;
+        color: #333333;
+        line-height: 33rpx;
     .gulist
         display: flex
         flex-wrap: wrap
@@ -599,19 +590,20 @@ image-margin-top = 40rpx
 .chat-item.self {
     justify-content: flex-end;
 }
-.message {
+.message
     margin-top: 40rpx
-    padding: 20rpx 20rpx 0 20rpx;
-    border-radius: 0 20rpx 20rpx 20rpx;
-    background: #F6F6F6;
     // max-width: 80%;
+    width: 100%;
     word-break: break-word;
     color: #333333;
     user-select: text;
     -webkit-user-select: text;
-}
+    .message-markdown
+        border-radius: 0 20rpx 20rpx 20rpx;
+        padding: 20rpx 20rpx 0 20rpx;
+        background: #F6F6F6;
 .messageNull
-    background: transparent;
+    display: none
 .msg-loading{
     background: transparent;
     font-size: 24rpx;
@@ -627,6 +619,7 @@ image-margin-top = 40rpx
     background: linear-gradient( 225deg, #DAE2FE 0%, #E9E3FF 100%);
         border-radius: 20rpx 0 20rpx 20rpx;
     padding: 20rpx;
+    width: fit-content;
 }
 .input-area {
     padding: 32rpx 28rpx 24rpx 28rpx;