diff --git a/src/App.vue b/src/App.vue
index 20cb66296c79cb9e40b167d634bbe1b9abe54f68..e06edb4d0fc168e1a55856371d7d1a3264f91f43 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -19,6 +19,10 @@ import songList from "./components/songList.vue";
 </script>
 
 <style scoped>
+* {
+  padding: 0;
+  margin: 0;
+}
 .musicContainer {
   display: flex;
   width: 100%;
diff --git a/src/assets/cock.png b/src/assets/cock.png
new file mode 100644
index 0000000000000000000000000000000000000000..a0752a4aeae4fbb012e055cff1b381e5e4c96f02
Binary files /dev/null and b/src/assets/cock.png differ
diff --git a/src/assets/kunkun.png b/src/assets/kunkun.png
new file mode 100644
index 0000000000000000000000000000000000000000..b488e7b6271d4e733f4fc1bbc80cd1f1edf09647
Binary files /dev/null and b/src/assets/kunkun.png differ
diff --git a/src/components/dancePNG.vue b/src/components/dancePNG.vue
new file mode 100644
index 0000000000000000000000000000000000000000..1693b5c72708d7666da294d5e0559626ca9d5afd
--- /dev/null
+++ b/src/components/dancePNG.vue
@@ -0,0 +1,62 @@
+<template>
+    <div style="width:90px;height:100px;overflow:hidden;float:left;">
+    <div class="imgDiv" :style="{
+        backgroundImage: `url(${danceInfo.who})`,
+        backgroundPosition: `${img.x}px ${img.y}px` 
+    }"></div>
+    </div>
+</template>
+
+<script setup>
+import { onMounted, ref } from "vue"
+import kunkun from "./../assets/kunkun.png"
+import cock from "./../assets/cock.png"
+
+const whoDance = Math.random()
+
+const danceInfo = ref({
+    who: whoDance > 0.5 ? kunkun : cock,
+    r: whoDance > 0.5 ? 5 : 5,
+    l: whoDance > 0.5 ? 6 : 4
+})
+
+const img = ref({
+    x: 0,
+    y: 0
+})
+
+const obj = {
+    r: 0,
+    l: 0
+}
+function dance(r, l, p) {
+    setInterval(()=>{
+        img.value.x = obj.r * p
+        img.value.y = obj.l * p
+        if(obj.r < r) {
+            obj.r++
+            if(obj.r === r) {
+                obj.l++
+                obj.r = 0
+                if(obj.l === l) {
+                    obj.l = 0
+                }
+            }
+
+        }
+    }, 100)
+}
+onMounted(()=>{
+    dance(danceInfo.value.r, danceInfo.value.l, -768)
+})
+
+</script>
+
+<style scoped>
+.imgDiv {
+    height: 768px;
+    width: 768px;
+    background-repeat: no-repeat;
+    transform: scale(0.1) translate(-420%, -420%);
+}
+</style>
\ No newline at end of file
diff --git a/src/components/searchForm.vue b/src/components/searchForm.vue
index 5f1c6db4ac94c8ef8c91fef93099489fcac63ed7..8164866f40df0235ba636cc61a92ef3401f7049d 100644
--- a/src/components/searchForm.vue
+++ b/src/components/searchForm.vue
@@ -38,7 +38,6 @@
           :style="{ color: type === 'playlist' ? '#F56C6C' : '#79bbff' }"
         >
           <span>{{ alertInfo[type] }}</span>
-          <img height="100%" src="sss" />
         </el-row>
         <el-button @click="runSearch" type="primary" style="width: 100%"
           >搜索</el-button
diff --git a/src/components/songList.vue b/src/components/songList.vue
index f7e123b864771bc0673954e1d4f16186d911e12b..26d676e2ccd4e56b9a731eb7d917ac350c81c8d9 100644
--- a/src/components/songList.vue
+++ b/src/components/songList.vue
@@ -6,8 +6,10 @@
     </div>
   
     <el-tree node-key="id" :default-expanded-keys="['2']" :data="data" :props="defaultProps" @node-click="handleNodeClick" />
+    <DancePNG />
   </template>
   <script lang="ts" setup>
+  import DancePNG from "./dancePNG.vue"
   import bus from "./../utils/bus.js";
   interface Tree {
     label: string;
@@ -103,5 +105,4 @@
     children: "children",
     label: "label",
   };
-  </script>
-  
\ No newline at end of file
+</script>
\ No newline at end of file