Ai助手

src/main/resources/static/css/base/base.pc.css

@@ -690,10 +690,6 @@ iframe{width:320px !important;height: 280px !important}
     margin:10px 0 20px 0;
     position: relative;
 }
-.cm_ai_header{ width: 100%;height: 24px;box-sizing: border-box;justify-content: left;align-items: center;display: inline-flex;}
-.cm_ai_header .cm_ai_icon{ width: 24px;height: 24px;box-sizing: border-box;margin-right: 5px }
-.cm_ai_header .cm_ai_icon img{ width: 24px;height: 24px;display: block; }
-.cm_ai_header .cm_ai_text{line-height: 24px;font-size: 14px;color: #ff5b00;font-weight: 600; }
 .cm_ai_content .cm_ai_input{
     display: flex;
     align-items: center;
@@ -841,6 +837,13 @@ iframe{width:320px !important;height: 280px !important}
     color: #333333;
     line-height: 60px;
     letter-spacing:2px;
+    display: flex;
+    align-items: center;
+}
+.cm_ai_answer .cm_ai_html.info h1 .cm_ai_logo{
+    width: 40px;
+    height: 40px;
+    display: block;
 }
 .cm_ai_answer .cm_ai_html.user{
     min-height: 50px;

src/main/resources/static/css/caimei-chat/chats.css

@@ -165,16 +165,6 @@
          width: 120px;
          height: auto;
      }
-     .cm_ai_mall_header .cm_ai_extra{
-         flex: none;
-     }
-     .cm_ai_mall_header .cm_ai_extra .index{
-         color: #1e1f24;
-         cursor: pointer;
-     }
-     .cm_ai_mall_header .cm_ai_extra .index:hover{
-         color: #ff5b00;
-     }
      .cm_ai_content{
          width: 850px;
          height: auto;
@@ -182,14 +172,10 @@
          box-shadow: 0 16px 20px 0 rgba(174,167,223,.2);
          border-radius: 16px;
          box-sizing: border-box;
-         padding: 10px;
+         padding: 16px;
          margin:0px auto 20px;
          position: relative;
      }
-    .cm_ai_header{ width: 100%;height: 24px;box-sizing: border-box;justify-content: left;align-items: center;display: inline-flex;}
-    .cm_ai_header .cm_ai_icon{ width: 24px;height: 24px;box-sizing: border-box;margin-right: 5px }
-    .cm_ai_header .cm_ai_icon img{ width: 24px;height: 24px;display: block; }
-    .cm_ai_header .cm_ai_text{line-height: 24px;font-size: 14px;color: #ff5b00;font-weight: 600; }
     .cm_ai_content .cm_ai_input{
         display: flex;
         align-items: center;
@@ -338,6 +324,13 @@
          color: #333333;
          line-height: 60px;
          letter-spacing:2px;
+         display: flex;
+         align-items: center;
+     }
+     .cm_ai_answer .cm_ai_html.info h1 .cm_ai_logo{
+         width: 40px;
+         height: 40px;
+         display: block;
      }
      .cm_ai_answer .cm_ai_html.user{
          min-height: 50px;
@@ -437,13 +430,6 @@
          width: 26vw;
          height: auto;
      }
-     .cm_ai_mall_header .cm_ai_extra{
-         flex: none;
-     }
-     .cm_ai_mall_header .cm_ai_extra .index{
-         color: #1e1f24;
-         cursor: pointer;
-     }
     .cm_ai_content{
         width: 100%;
         height: auto;
@@ -455,10 +441,6 @@
         margin:3vw 0 8vw;
         position: relative;
     }
-    .cm_ai_header{ width: 100%;height: 24px;box-sizing: border-box;justify-content: left;align-items: center;display: none;}
-    .cm_ai_header .cm_ai_icon{ width: 24px;height: 24px;box-sizing: border-box;margin-right: 5px }
-    .cm_ai_header .cm_ai_icon img{ width: 24px;height: 24px;display: block; }
-    .cm_ai_header .cm_ai_text{line-height: 24px;font-size: 14px;color: #ff5b00;font-weight: 600; }
     .cm_ai_content .cm_ai_input{
         display: flex;
         align-items: center;
@@ -590,7 +572,14 @@
         color: #333333;
         line-height: 14vw;
         letter-spacing: 0.3vw;
+        display: flex;
+        align-items: center;
      }
+    .cm_ai_answer .cm_ai_html.info h1 .cm_ai_logo{
+         width: 8vw;
+         height: 8vw;
+         display: block;
+    }
     .cm_ai_answer .cm_ai_html.user{
          min-height: 50px;
          border-radius: 4vw 4vw 0 4vw;

src/main/resources/static/js/caimei-chat/chats.js

@@ -11,9 +11,7 @@ const cmChats = new Vue({
 
     },
     methods: {
-        handleClickIndex(){// 跳转首页
-            window.open('/index.html')
-        }
+
     },
     created () {
 

src/main/resources/static/js/mixins/cmAiMixins.js

@@ -103,7 +103,7 @@ var cmAiMixins = function() {
                 const answerElement = document.createElement('div');
                 answerElement.className = 'cm_ai_answer info';
                 // 创建子元素，显示欢迎语
-                const contentInfoStr = `<div class="cm_ai_html info"><h1>Hi，我是采美AI助手</h1>我是您的AI助手，欢迎向我提出您的疑问，我会根据你给出的问题提供相对应的回答~</div>`
+                const contentInfoStr = `<div class="cm_ai_html info"><h1>Hi，我是采美AI助手<img class="cm_ai_logo" src="/img/base/icon-ai@1x.png" alt="采美AI助手"></h1>我是您的AI助手，欢迎向我提出您的疑问，我会根据你给出的问题提供相对应的回答~</div>`
                 answerElement.innerHTML += contentInfoStr
                 // 最后，将answerElement添加到页面的某个现有元素中，例如body
                 answerContent.appendChild(answerElement);

src/main/resources/templates/caimei-chat/chats.html

@@ -36,22 +36,15 @@
               <div class="cm_ai_container">
                   <div class="cm_ai_mall_header">
                       <div class="cm_ai_logo">
-                          <div class="logo">
+                          <a class="logo" href="/index.html" target="_blank">
                               <img src="/img/base/logo.png">
-                          </div>
-                      </div>
-                      <div class="cm_ai_extra" @click="handleClickIndex">
-                        <div class="index">商城首页</div>
+                          </a>
                       </div>
                   </div>
                   <!--提问回答element-->
                   <div class="cm_ai_answer_main" id="cm_ai_answer"></div>
                   <!--提问文本框-->
                   <div class="cm_ai_content">
-                      <div class="cm_ai_header">
-                          <div class="cm_ai_icon"><img src="/img/base/icon-ai@1x.png" alt="采美AI助手"></div>
-                          <div class="cm_ai_text">采美AI助手</div>
-                      </div>
                       <div class="cm_ai_input">
                           <textarea class="cm_ai_textarea" v-model="questionTextarea" placeholder="请输入您想了解的内容" @keydown="handleKeyDown"></textarea>
                       </div>

src/main/resources/templates/components/drawer-ai.html

@@ -24,10 +24,6 @@
         <div class="cm_ai_answer_main" id="cm_ai_answer"></div>
         <!--提问文本框-->
         <div class="cm_ai_content">
-          <div class="cm_ai_header">
-            <div class="cm_ai_icon"><img src="/img/base/icon-ai@1x.png" alt="采美AI助手"></div>
-            <div class="cm_ai_text">采美AI助手</div>
-          </div>
           <div class="cm_ai_input">
             <textarea class="cm_ai_textarea" v-model="questionTextarea" placeholder="请输入您想了解的内容" @keydown="handleKeyDown"></textarea>
           </div>