Wed Sep 6 15:22:01 CST 2023 inscode

src/components/dancePNG.vue

 <template>
-    <div style="width:90px;height:100px;overflow:hidden;float:left;">
+    <div class="cover">
     <div class="imgDiv" :style="{
         backgroundImage: `url(${danceInfo.who})`,
         backgroundPosition: `${img.x}px ${img.y}px` 
@@ -53,10 +53,17 @@ onMounted(()=>{
 </script>
 
 <style scoped>
+.cover {
+    width:75px;
+    height:75px;
+    overflow:hidden;
+    float:left;
+    transform: scale(0.5);
+}
 .imgDiv {
     height: 768px;
     width: 768px;
     background-repeat: no-repeat;
-    transform: scale(0.1) translate(-420%, -420%);
+    transform: scale(0.1) translate(-450%, -450%);
 }
 </style>
\ No newline at end of file