all

vue/src/system/GraphBuilder.vue

@@ -12,6 +12,7 @@
             :key="index"
             :class="['message', msg.role]"
         >
+          <div>2025</div>
           <div v-if="msg.role === 'user'" class="bubble">
             {{ msg.content }}
           </div>
@@ -63,17 +64,28 @@
       ></textarea>
 
 
-        <img
+
-            src="../assets/upload.png"
-            alt="用户头像"
-            class="avatar"
-            style="border-radius: 50%;width: 30px;box-shadow: 0 2px 8px rgba(0,0,0,0.05); "
-        >
         <div class="icon-group">
+          <img
+
+              src="../assets/upload.png"
+              alt="用户头像"
+              class="avatar"
+              style="margin-left: 10px;cursor:pointer;border-radius: 50%;width: 30px;box-shadow: rgb(0 0 0 / 18%) 0px 2px 8px; "
+          >
+          <div style="display: flex;align-items: center;">
+            <img
+
+                src="../assets/放大.png"
+                alt="用户头像"
+                class="avatar"
+                style="margin-left: 10px;cursor:pointer;width: 15px;margin-right: 26px "
+            >
+            <button class="send-btn" @click="sendMessage" title="发送">
+              发送
+            </button>
+          </div>
 
-          <button class="send-btn" @click="sendMessage" title="发送">
-            发送
-          </button>
         </div>
       </div>
     </div>
@@ -255,6 +267,7 @@ export default {
   font-weight: 500;
 }
 .input-box {
+  height: 75px;
   width: 100%;
   padding: 12px 16px;
   border: none;
@@ -310,7 +323,7 @@ export default {
 
 .icon-group {
   display: flex;
-  justify-content: flex-end;
+  justify-content: space-between;
   align-items: center;
   gap: 12px;
   margin-top: 8px;
@@ -331,7 +344,7 @@ export default {
 .send-btn {
   background: #B9CDFF;
   border: none;
-  width: 50px;
+  width: 60px;
   height: 20px;
   display: flex;
   align-items: center;