json v-for=“产品中的产品”出现问题

bxfogqkk  于 2022-11-19  发布在  其他
关注(0)|答案(1)|浏览(92)

首先,我很抱歉我的英语,而不是我的母语。其次,还有我的github:https://github.com/CapitaineBarbarossa/test-carousel所以,我的问题是,我想做一个动态的carousel,所以我在product中使用v表示= product。正如你所看到的,没有图像出现,但是当你按F12检查时,所有的图像都出现了,并且所有的图像都很好,如果你离开dev工具,这些图像仍然很好。但是如果你刷新页面,图像又会消失。我真的不知道如何解决这个问题。
带着我的感激之情,祝你一天好!
我试图使一个动态旋转木马,但图像不像他们应该出现。

gudnpqoy

gudnpqoy1#

我检查了你的代码。这不是一个vue问题。这是一个CSS问题。所有carousel div的宽度和高度都是零,因为你使用了position absolute属性。

.carousel__body .carousel__slider__item .item__3d-frame {
  position: relative;
  width: 300px;
  height: 200px;
  transition: transform 1s ease-in-out;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.carousel__body .carousel__slider__item .item__3d-frame__box {
  display: flex;
  align-items: center;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  box-sizing: border-box;
  border-color: var(--box-border);
  background: var(--box-bg);
  border-width: 3px;
  border-style: solid;
}

.contain {
  width: 300px;
  height: 200px;
  position: relative;
}

相关问题