商城轮播图

src/views/mall/home/components/carousel.vue

@@ -10,8 +10,16 @@
       </v-img> -->
 
       <!-- <figure> -->
-        <img :src="item.imgUrl" :lazy-src="item.imgUrl" style="width: 100%;" />
+        <!-- <img :src="item.imgUrl" :lazy-src="item.imgUrl" style="width: 100%;" /> -->
       <!-- </figure> -->
+      
+      <v-img :src="item.imgUrl" :lazy-src="item.imgUrl" style="width: 100%">
+        <template v-slot:placeholder>
+          <v-row align="center" class="fill-height ma-0" justify="center">
+            <v-progress-circular color="grey-lighten-5" indeterminate></v-progress-circular>
+          </v-row>
+        </template>
+      </v-img>
     </v-carousel-item>
   </v-carousel>
 </template>