轮播图和图片查看

YM

2024-05-29 4a876a152948cd153c4f8a4a86b49aee377bb9ac

 src/App.vue

@@ -109,4 +109,27 @@
  border-bottom: 2px solid;
  cursor: pointer;
}

/* swiper */
.swiper-container{
  width: 100%;
  height: 100%;
}

.imgBox{
  position: relative;
}

.imgBox img{
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
</style>