diff --git a/src/assets/base.css b/src/assets/base.css
index 8a1816f5ffa1d6bb08dd46a0a85ff65e8e1617ce..b284cebbb1e09d7f3303997785127c5c88ea6f76 100644
--- a/src/assets/base.css
+++ b/src/assets/base.css
@@ -34,5 +34,5 @@ body {
     Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
   font-size: 15px;
   text-rendering: optimizeLegibility;
-  background-color: #f5f5f6;
+  background-color: transparent;
 }
diff --git a/src/assets/images/createDialogue.png b/src/assets/images/createDialogue.png
new file mode 100644
index 0000000000000000000000000000000000000000..a7627ce504fec58df9b5f85bfbef2e6622a371fe
Binary files /dev/null and b/src/assets/images/createDialogue.png differ
diff --git a/src/assets/images/edit.png b/src/assets/images/edit.png
new file mode 100644
index 0000000000000000000000000000000000000000..0265c1548b034bf1bea18b9027c0d13b439ca03d
Binary files /dev/null and b/src/assets/images/edit.png differ
diff --git a/src/assets/images/logo.png b/src/assets/images/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..0659220d128f25abe270c17286b0b0c8d2c54e12
Binary files /dev/null and b/src/assets/images/logo.png differ
diff --git a/src/views/dialogue/components/DialogueSession.vue b/src/views/dialogue/components/DialogueSession.vue
index cba758da8a4a49eb37e681147b38423a5d2815c8..235b6e068936f8b8e5738527829ec612426360e9 100644
--- a/src/views/dialogue/components/DialogueSession.vue
+++ b/src/views/dialogue/components/DialogueSession.vue
@@ -1,17 +1,17 @@
 <script lang="ts" setup>
-import { onMounted, ref } from 'vue';
-import DialoguePanel from 'src/components/dialoguePanel/DialoguePanel.vue';
-import InitalPanel from './InitalPanel.vue';
-import { storeToRefs } from 'pinia';
-import { useSessionStore, useChangeThemeStore } from 'src/store/session';
-import type { ConversationItem, RobotConversationItem } from '../types';
-import { api } from 'src/apis/';
-import { useHistorySessionStore } from 'src/store/';
-import { errorMsg, successMsg } from 'src/components/Message';
-import { runCommand } from 'src/utils';
-import { listen } from '@tauri-apps/api/event';
-import { arch } from '@tauri-apps/api/os';
-import marked from 'src/utils/marked';
+import { onMounted, ref } from "vue";
+import DialoguePanel from "src/components/dialoguePanel/DialoguePanel.vue";
+import InitalHome from "./InitalHome.vue";
+import { storeToRefs } from "pinia";
+import { useSessionStore, useChangeThemeStore } from "src/store/session";
+import type { ConversationItem, RobotConversationItem } from "../types";
+import { api } from "src/apis/";
+import { useHistorySessionStore } from "src/store/";
+import { errorMsg, successMsg } from "src/components/Message";
+import { runCommand } from "src/utils";
+import { listen } from "@tauri-apps/api/event";
+import { arch } from "@tauri-apps/api/os";
+import marked from "src/utils/marked";
 
 interface StreamPayload {
   message: string;
@@ -35,12 +35,12 @@ enum SupportMap {
 const { pausedStream } = useSessionStore();
 const themeStore = useChangeThemeStore();
 
-const selectMode = ref('');
-const selectedPlugin = ref('');
-const copyList = ref('');
+const selectMode = ref("");
+const selectedPlugin = ref("");
+const copyList = ref("");
 
 // 对话输入内容
-const dialogueInput = ref<string>('');
+const dialogueInput = ref<string>("");
 
 // 对话列表
 const { sendQuestion, judgeMessage } = useSessionStore();
@@ -65,7 +65,7 @@ const handleSendMessage = async (
   ) {
     return;
   }
-  dialogueInput.value = '';
+  dialogueInput.value = "";
   if (!currentSelectedSession.value) {
     await generateSession();
   }
@@ -92,10 +92,10 @@ const handleSendMessage = async (
  * 处理鼠标事件
  * @param event
  */
-const handleKeydown = (event: KeyboardEvent) => {
-  if (event.key === 'Enter' && !event.shiftKey) {
-    event.preventDefault();
-    if (dialogueInput.value !== '') {
+const handleKeydown = (evt: any): any => {
+  if (evt.key === "Enter" && !evt.shiftKey) {
+    evt.preventDefault();
+    if (dialogueInput.value !== "") {
       handleSendMessage(dialogueInput.value);
     }
   }
@@ -121,7 +121,7 @@ const inputRef = ref<HTMLTextAreaElement | null>(null);
  * @param cid
  */
 const handleComment = async (
-  type: 'support' | 'against',
+  type: "support" | "against",
   recordId: string,
   reason?: string,
   reasonLink?: string,
@@ -143,7 +143,7 @@ const handleComment = async (
 
   const [_, res] = await api.commentConversation(params);
   if (!_ && res) {
-    successMsg('反馈成功');
+    successMsg("反馈成功");
   }
 };
 
@@ -158,11 +158,11 @@ const handleReport = async (recordId: string, reason?: string | undefined) => {
     reason: string;
   } = {
     recordId: recordId,
-    reason: reason ? reason : '',
+    reason: reason ? reason : "",
   };
   const [_, res] = await api.report(params);
   if (!_ && res) {
-    successMsg('反馈成功');
+    successMsg("反馈成功");
   }
 };
 
@@ -177,7 +177,7 @@ const createNewSession = async (): Promise<void> => {
   await generateSession();
 };
 
-const contentMessage = ref('');
+const contentMessage = ref("");
 
 /**
  * 暂停和重新生成问答
@@ -185,25 +185,25 @@ const contentMessage = ref('');
 const handlePauseAndReGenerate = (cid?: number) => {
   pausedStream(cid);
   isAnswerGenerating.value = false;
-  contentMessage.value = '';
+  contentMessage.value = "";
 };
 
 const handleMarkdown = async (content: string) => {
   const lastIndex = conversationList.value.length - 1;
   let markedStr = marked.parse(
-    content.replace(/&gt;/g, '>').replace(/&lt;/g, '<')
+    content.replace(/&gt;/g, ">").replace(/&lt;/g, "<")
   );
   // 将 table 提取出来中加一个 <div> 父节点控制溢出
-  if (typeof markedStr === 'string') {
-    let tableStart = markedStr.indexOf('<table>');
+  if (typeof markedStr === "string") {
+    let tableStart = markedStr.indexOf("<table>");
     if (tableStart !== -1) {
       markedStr =
         markedStr.slice(0, tableStart) +
         '<div class="overflowTable">' +
         markedStr
-          .slice(tableStart, markedStr.indexOf('</table>') + '</table>'.length)
-          .replace('</table>', '</table></div>') +
-        markedStr.slice(markedStr.indexOf('</table>') + '</table>'.length);
+          .slice(tableStart, markedStr.indexOf("</table>") + "</table>".length)
+          .replace("</table>", "</table></div>") +
+        markedStr.slice(markedStr.indexOf("</table>") + "</table>".length);
     }
     const answerIndex = lastIndex >= 0 ? lastIndex : 0;
     const conversationItem = conversationList.value[
@@ -218,8 +218,8 @@ const handleMarkdown = async (content: string) => {
   }
 };
 
-listen<StreamPayload>('fetch-stream-data', (event) => {
-  const line = event.payload.message.replace(/^data:\s*/, '').trim();
+listen<StreamPayload>("fetch-stream-data", (event) => {
+  const line = event.payload.message.replace(/^data:\s*/, "").trim();
   const lastIndex = conversationList.value.length - 1;
   try {
     const json = JSON.parse(line);
@@ -228,19 +228,19 @@ listen<StreamPayload>('fetch-stream-data', (event) => {
         conversationList.value[lastIndex] as RobotConversationItem
       ).searchSuggestions = json.search_suggestions;
     } else if (json.qa_record_id) {
-    } else if (json.type == 'extract') {
+    } else if (json.type === "extract") {
       let data = json.data;
-      if (typeof data === 'string') {
+      if (typeof data === "string") {
         data = JSON.parse(data);
       }
       if (data.shell) {
         const command = data.shell as string;
-        if (command.startsWith('docker')) {
+        if (command.startsWith("docker")) {
           arch().then((architecture) => {
-            if (architecture === 'x86_64') {
+            if (architecture === "x86_64") {
               runCommand(command);
             } else {
-              errorMsg('AI 容器镜像当前只支持在 x86_64 架构上运行');
+              errorMsg("AI 容器镜像当前只支持在 x86_64 架构上运行");
             }
           });
         } else {
@@ -257,13 +257,13 @@ listen<StreamPayload>('fetch-stream-data', (event) => {
       handleMarkdown(contentMessage.value);
     }
   } catch (error) {
-    contentMessage.value = '';
-    if (line == '[DONE]') {
+    contentMessage.value = "";
+    if (line === "[DONE]") {
       (conversationList.value[lastIndex] as RobotConversationItem).isFinish =
         true;
       isAnswerGenerating.value = false;
     } else if (judgeMessage(lastIndex, line)) {
-      console.error('JSON decode error:', line);
+      console.error("JSON decode error:", line);
     }
   }
 });
@@ -304,7 +304,7 @@ listen<StreamPayload>('fetch-stream-data', (event) => {
           @handleSendMessage="handleSendMessage"
         />
         <div v-if="conversationList.length === 0">
-          <InitalPanel />
+          <InitalHome />
         </div>
       </div>
 
@@ -323,42 +323,50 @@ listen<StreamPayload>('fetch-stream-data', (event) => {
           <img v-else src="/src/assets/svgs/light_stop_answer.svg" alt="" />
           <div class="dialogue-panel__stop-answer">停止回答</div>
         </div>
-        <!-- 新建对话 -->
-        <div class="dialogue-refresh">
-          <img
-            class="refresh-button"
-            @click="createNewSession()"
+        <div class="dialogue-btn-send">
+          <!-- 新建对话 -->
+          <div
+            class="dialogue-refresh"
             v-if="!isAnswerGenerating && dialogueInput.length <= 0"
-            src="/src/assets/images/createIcon.svg"
-            alt=""
-          />
-        </div>
-        <!-- 输入框 -->
-        <div class="dialogue-session-bottom-sendbox">
-          <div class="dialogue-session-bottom-sendbox__textarea">
-            <textarea
-              ref="inputRef"
-              v-model="dialogueInput"
-              maxlength="2000"
-              placeholder="在此输入你想了解的内容"
-              @keydown="handleKeydown"
-            />
-          </div>
-          <!-- 发送问题 -->
-          <div class="dialogue-session-bottom-sendbox__icon">
-            <!-- <div class="word-limit"><span :class="[dialogueInput.length>=2000 ? 'red-word' : '']">{{dialogueInput.length}}</span>/2000</div> -->
+            @click="createNewSession()"
+          >
             <img
-              v-if="isAnswerGenerating || dialogueInput.length <= 0"
-              src="/src/assets/images/send_disable.png"
+              class="refresh-button"
+              src="/src/assets/images/createDialogue.png"
               alt=""
             />
-            <div v-else @click="handleSendMessage(dialogueInput)">
+          </div>
+          <!-- 输入框 -->
+          <div class="dialogue-session-bottom-sendbox">
+            <div class="dialogue-session-bottom-sendbox__textarea">
+              <el-input
+                ref="inputRef"
+                type="textarea"
+                :autosize="{ minRows: 1, maxRows: 4 }"
+                placeholder="在此输入你想了解的内容，输入Shift+Enter换行"
+                v-model="dialogueInput"
+                maxlength="2000"
+                resize="none"
+                @keydown="handleKeydown"
+              >
+              </el-input>
+            </div>
+            <!-- 发送问题 -->
+            <div class="dialogue-session-bottom-sendbox__icon">
+              <!-- <div class="word-limit"><span :class="[dialogueInput.length>=2000 ? 'red-word' : '']">{{dialogueInput.length}}</span>/2000</div> -->
               <img
-                v-if="themeStore.theme === 'dark'"
-                src="/src/assets/images/dark_send.png"
+                v-if="isAnswerGenerating || dialogueInput.length <= 0"
+                src="/src/assets/images/send_disable.png"
                 alt=""
               />
-              <img v-else src="/src/assets/images/light_send.png" alt="" />
+              <div v-else @click="handleSendMessage(dialogueInput)">
+                <img
+                  v-if="themeStore.theme === 'dark'"
+                  src="/src/assets/images/dark_send.png"
+                  alt=""
+                />
+                <img v-else src="/src/assets/images/light_send.png" alt="" />
+              </div>
             </div>
           </div>
         </div>
@@ -366,9 +374,20 @@ listen<StreamPayload>('fetch-stream-data', (event) => {
     </div>
   </div>
 </template>
-
+<style>
+.el-textarea__inner,
+.el-textarea__inner:focus,
+.el-textarea__inner:hover {
+  box-shadow: unset !important;
+  font-size: 16px;
+  min-height: 56px !important;
+  padding: 16px !important;
+  line-height: 24px;
+}
+</style>
 <style lang="scss" scoped>
 .refresh-button {
+  height: 36px;
   position: relative;
   left: 0;
   cursor: pointer;
@@ -382,9 +401,7 @@ listen<StreamPayload>('fetch-stream-data', (event) => {
   height: 40px;
   border-radius: 8px;
   border: 1px solid var(--o-text-color-primary);
-  margin-top: 38px;
-  margin-left: auto;
-  margin-right: auto;
+  margin: 38px auto 16px;
   cursor: pointer;
   position: relative;
 
@@ -452,7 +469,7 @@ button[disabled]:hover {
   }
 
   &::before {
-    content: '';
+    content: "";
     width: 100%;
     height: 100%;
     position: absolute;
@@ -484,7 +501,6 @@ button[disabled]:hover {
     &-sendbox {
       background-color: var(--o-bg-color-base);
       border-radius: 8px;
-      padding: 11px;
       bottom: 0px;
       box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
       overflow: hidden;
@@ -505,9 +521,6 @@ button[disabled]:hover {
       }
 
       &__textarea {
-        position: relative;
-        height: 100px;
-
         textarea {
           width: 100%;
           height: 100%;
@@ -516,8 +529,8 @@ button[disabled]:hover {
           font-size: 12px;
           background-color: var(--o-bg-color-base);
           font-family: HarmonyOS_Sans_SC_Medium, system-ui, -apple-system,
-            BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
-            'Open Sans', 'Helvetica Neue', sans-serif;
+            BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
+            "Open Sans", "Helvetica Neue", sans-serif;
 
           &:focus {
             outline: none;
@@ -534,13 +547,12 @@ button[disabled]:hover {
       }
 
       &__icon {
-        position: absolute;
-        bottom: 8px;
+        bottom: 4px;
         text-align: right;
-        right: 36px;
+        right: 8px;
 
         img {
-          width: 32px;
+          width: 40px;
         }
       }
     }
@@ -548,14 +560,14 @@ button[disabled]:hover {
 }
 
 .dialogue-refresh {
-  width: 100%;
-  margin-bottom: 8px;
-  margin-top: 8px;
+  height: 56px;
+  width: 56px;
+  background-color: var(--o-bg-color-base);
   border-radius: 8px;
   display: flex;
-  justify-content: flex-end;
+  justify-content: center;
   align-items: center;
-
+  cursor: pointer;
   .mode-select {
     max-width: 168px;
     height: 40px;
@@ -581,4 +593,27 @@ button[disabled]:hover {
   border-radius: 8px;
   background: var(--o-bg-color-base);
 }
+
+.dialogue-btn-send {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.dialogue-session-bottom-sendbox__icon {
+  width: 40px;
+  height: 40px;
+  position: relative;
+}
+
+.dialogue-session-bottom-sendbox {
+  display: flex;
+  align-items: baseline;
+  padding-right: 8px;
+  flex: 1;
+}
+
+.dialogue-session-bottom-sendbox__textarea {
+  flex: 1;
+}
 </style>
diff --git a/src/views/dialogue/components/InitalHome.vue b/src/views/dialogue/components/InitalHome.vue
new file mode 100644
index 0000000000000000000000000000000000000000..27703a979fecf9fef3714de7ef0474b63004de67
--- /dev/null
+++ b/src/views/dialogue/components/InitalHome.vue
@@ -0,0 +1,33 @@
+<template>
+ <div class="home-container">
+    <div class="home-logo">
+        <img src="/src/assets/images/logo.png" />
+    </div>
+    <div class="home-welcome">
+        <h1>EulerCopilot，很高兴为你服务</h1>
+    </div>
+    <div class="home-tip">
+        我是你的智能问答助手，现在就可以向我提问题啦！
+    </div>
+ </div>
+</template>
+
+<style lang="scss" scoped>
+ 
+ .home-container{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-top: 17.5vh;
+ }
+
+ .home-welcome{
+    margin-top: 32px;
+    color: var(--o-text-color-primary);
+ }
+
+ .home-tip{
+    color: var(--o-text-color-secondary);
+    margin-top: 24px;
+ }
+</style>
diff --git a/src/views/dialogue/dialogueView.vue b/src/views/dialogue/dialogueView.vue
index 8a741465af0d27548d3e4fc25afba4269069783e..b7198506a8e7676844e6cf89914cac66fcb8c4a4 100644
--- a/src/views/dialogue/dialogueView.vue
+++ b/src/views/dialogue/dialogueView.vue
@@ -138,7 +138,7 @@ watch(
 
 <template>
   <div class="dialogue" id="dialogId">
-    <header class="dialogue-header">
+    <header class="dialogue-header" data-tauri-drag-region>
       <span>
         <img src="src/assets/svgs/euler_copilot_logo.svg" />
         <h4>EulerCopilot</h4>
@@ -155,7 +155,7 @@ watch(
 
         <el-popover popper-class="popper-class">
           <template #reference>
-            <img class="avatar" src="src/assets/svgs/user.svg" />
+            <img class="avatar" src="src/assets/images/edit.png" />
           </template>
           <el-button class="exit-button" @click="settingsHandler"
             >设置</el-button
@@ -295,6 +295,7 @@ body {
   flex-direction: column;
   background-image: var(--o-bg-image);
   background-size: cover;
+  border-radius: 24px;
   &-header {
     display: flex;
     justify-content: space-between;
@@ -323,19 +324,14 @@ body {
     }
 
     .avatar {
-      width: 24px;
-      height: 48px;
-      border-radius: 50%;
+      width: 23px;
+      height: 20px;
       cursor: pointer;
-
-      &:hover {
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-      }
     }
 
     .header-right {
       display: flex;
-
+      align-items: center;
       .mode {
         margin-right: 18px;
       }