解决没有心的问题

Author: NOTF-API

src/components/OthersList/OthersList.vue

@@ -6,6 +6,7 @@
       </div>
     </div>
     <div class="view-content">
+      <HeartItems @spawn="handleSpawn" />
       <CoinItems @spawn="handleSpawn" />
       <BoomItems @spawn="handleSpawn" />
       <KeyItems @spawn="handleSpawn" />
@@ -19,6 +20,7 @@
 </template>
 
 <script setup>
+import HeartItems from './hearts.vue'
 import CoinItems from './coins.vue'
 import BoomItems from './booms.vue'
 import KeyItems from './keys.vue'

src/components/OthersList/hearts.vue

@@ -1,9 +1,8 @@
 <template>
   <div class="item heart" v-for="item in arr" @click="handleSpawn(item.id)">
     <div class="image">
-      <img :src="`${item.image}`" alt="" srcset="">
+      <img :src="`${item.image}`" alt="">
     </div>
-    <div class="id">{{ item.id }}</div>
   </div>
 </template>
 
@@ -18,5 +17,6 @@ const handleSpawn = (id) => {
 <style lang="less">
 .item.heart .image img {
   width: 100%;
+  scale: 2;
 }
 </style>