繁体   English   中英

当缩略图超过 8 个时,Carousel React Fluent UI 无法正确呈现

[英]Carousel React Fluent UI does not render properly when have more than 8 thumbnails

这个问题让我失去理智。 我想使用带有缩略图的 React Fluent UI Carousel 组件并将其放在我的容器中间,一切正常,直到我添加超过 8 张幻灯片。 轮播移动到屏幕左侧并最终从视口中消失。

我正在使用 Fluent UI 中的默认代码片段在这里可用Fluent ui 缩略图轮播

在此处输入图片说明

只需覆盖以下属性:

.ln {
    width: 600px;
}

.ui-carousel__navigation {
  margin-top: -55px !important;
  position: absolute;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  width: 1000px;
  margin-left: -200px;
}

.nb {
    transform:none !important;
}

.ol {
    transform: none !important;
}

.nc {
    transform: none !important;
}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM