在垂直模式下使用 react-slick 增加幻灯片的高度

Posted 2023-02-25

【中文标题】在垂直模式下使用 react-slick 增加幻灯片的高度

【英文标题】：Increase height of slide using react-slick in vertical mode

【发布时间】：2020-08-11 16:04:03

【问题描述】：

我正在使用 react-slick 构建一个 timepicker/timeroller（不寻常，我知道）。

我正在努力增加幻灯片的高度，以便我可以在遮罩区域（灰色小时和分钟标题所在的地方）有更多空间使用

这是我目前得到的（不要介意糟糕的反应代码，专注于 CSS）：

https://codesandbox.io/s/react-slick-forked-ozdol

这是我的目标：

似乎问题在于设置每张幻灯片的高度，但我无法正确设置，看起来 Slick 总是自动计算高度。

【参考方案1】：

添加这种样式 sn-p 应该可以解决问题。

.slick-slide div 
  outline: none;
  padding: 8px 0;
  font-size: 1.5rem;

享受吧！