1.标题样式修改

2.回复复制

frontend/src/components/Chat.vue

@@ -45,7 +45,7 @@ onMounted(() => {
         <div>
           <i @click="isShrink = true" class="pi pi-arrow-down-left-and-arrow-up-right-to-center cursor-pointer text-gray-800" style="font-size: 1.5rem"></i>
         </div>
-        <div class="textRedtoBlue text-3xl font-bold cursor-move select-none">
+        <div class="cool-title text-3xl font-bold cursor-move select-none">
           Ai-Gui
         </div>
         <div>

frontend/src/components/MsgItem.vue

@@ -28,6 +28,7 @@ const avatarImg = computed(() => {
       <p class="text-red-800 text-left pl-2 text-xl white-space-normal">
         {{ message.content }}
       </p>
+      <i v-if="message.userType === 'assistant'" v-tooltip="'copy text'" class="pi pi-copy text-gray-800 fixed right-0 mr-5" style="font-size: 1rem"></i>
     </div>
   </div>
 </template>

frontend/src/main.ts

@@ -2,6 +2,7 @@ import {createApp} from 'vue'
 import App from './App.vue'
 import PrimeVue from 'primevue/config'
 import Aura from '@primevue/themes/aura'
+import Tooltip from "primevue/tooltip";
 import 'primeflex/primeflex.css';
 import './style.css';
 import 'primeicons/primeicons.css'
@@ -13,4 +14,5 @@ app.use(PrimeVue, {
         preset: Aura
     }
 })
+app.directive('tooltip', Tooltip)
 app.mount('#app')

frontend/src/style.css

@@ -209,4 +209,30 @@ body {
 
 .glass {
     backdrop-filter: blur(20px);
+}
+
+.cool-title {
+    font-family: 'Arial', sans-serif;
+    font-size: 4em;
+    color: #fff;
+    text-transform: uppercase;
+    background: linear-gradient(90deg, #ff8a00, #e52e71, #007adf, #00ecbc);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    animation: gradient 3s infinite;
+    text-shadow: 0 0 10px rgba(255, 255, 255, 0.7), 0 0 20px rgba(255, 255, 255, 0.7), 0 0 30px rgba(255, 255, 255, 0.7);
+    position: relative;
+}
+
+.cool-title::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: inherit;
+    filter: blur(20px);
+    z-index: -1;
+    opacity: 0.5;
 }