diff --git a/src/assets/image/icon_ai.png b/src/assets/image/icon_ai.png
new file mode 100644
index 0000000..c2b2447
Binary files /dev/null and b/src/assets/image/icon_ai.png differ
diff --git a/src/views/common/bottom/FloatingBall.vue b/src/views/common/bottom/FloatingBall.vue
index 72361dc..568659a 100644
--- a/src/views/common/bottom/FloatingBall.vue
+++ b/src/views/common/bottom/FloatingBall.vue
@@ -1,7 +1,7 @@
 <!-- FloatingBall.vue -->
-<script setup>
+<script lang='ts' setup>
 import { ref, computed } from 'vue'
-
+import aipng from '@/assets/image/icon_ai.png'
 const emit = defineEmits(['click'])
 
 const x = ref(window.innerWidth - 60)
@@ -76,7 +76,7 @@ function onUp() {
     @touchstart="startDrag"
     @click.stop
   >
-    <slot>AI</slot>
+    <el-image :src="aipng" />
   </div>
 </template>