reactjs - 如何通过 react-loading-skeleton 为 Skeleton 制作边框半径？

Question

我需要使用 react-loading-skeleton 库创建骨架。一项应具有如下图所示的边框半径。

你知道怎么做吗？

我的 lib 版本：（ "react-loading-skeleton": "1.2.0"升级可能性低）

我试图以这种方式解决它，但它不起作用:(

<Skeleton
    width={127}
    borderRadius={12.5}
/>

标签： reactjsreact-loading-skeleton

Answer 1

使用这样的包装器：

.rounded-skeleton {
  border-radius: 200px;
  overflow: hidden;
}

JSX：

  <div className="rounded-skeleton">
    <Skeleton />
  </div>

代码沙箱在这里