feat: 聊天界面修改&登录界面样式修改

src/views/asistant/components/InputArea.vue

@@ -103,10 +103,14 @@ const handleSend = (): void => {
   line-height: 121%;
   // padding-right: 2rem;
   margin-right: 4.21rem;
-  color: #888;
+  color: #000;
 
   &::placeholder {
     color: #888;
+    letter-spacing: -0.01em;
+    font-weight: 400;
+    font-family: 'robotoBold';
+    word-spacing: -5px;
   }
 }
 

src/views/asistant/components/NoticeItem.vue

@@ -1,10 +1,10 @@
 <template>
   <div
     class="chat-message"
-    :class="{ 'user-message': value.userId === '1', 'ai-message': value.userId !== '1' }"
+    :class="{ 'user-message': isMyself, 'ai-message': !isMyself }"
   >
     <!-- AI消息显示头像 -->
-    <div v-if="value.userId !== '1'" class="chat-avatar">
+    <div v-if="!isMyself" class="chat-avatar">
       <img :src="value.thumb" alt="AI Avatar" />
     </div>
 
@@ -14,7 +14,7 @@
         {{ value.content }}
       </div>
       <!-- AI消息显示操作栏 -->
-      <div v-if="value.userId !== '1'" class="message-actions flex">
+      <div v-if="!isMyself" class="message-actions flex">
         <SvgIcon
           v-for="item in actionList"
           :key="item.value"
@@ -28,6 +28,7 @@
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
 // 定义消息类型
 interface ChatMessage {
   id: string
@@ -50,6 +51,11 @@ interface NoticeItemProps {
 
 const props = defineProps<NoticeItemProps>()
 
+const isMyself = computed(()=>{
+  console.log('isMyself', props)
+  return props.value.userId === '1'
+})
+
 const handleClickAction = (value: string): void => {
   console.log('click Action', value)
 }