Ant Design v4 Card Style boxShadow

Question

我想改变卡片样式：

boxShadow: [0, 8, 24, rgba(208, 216, 243, 0.6)]

---

但是，由于未定义 rgba，它会显示警告。

如何为 boxShadow 分配样式，它比其他 CSS 项目拥有更多的属性。

boxShadow 获得了阴影边框和 rgba 颜色。

---

卡片样式={ 宽度：360， 身高：192， 边界半径：16， 边距右：24， boxShadow: [0, 8, 24, rgba(208, 216, 243, 0.6)] }

Answer 1

您的样式道具的值需要是字符串并附加“px”。这将起作用：

const cardStyle = { 
    width: "360px", 
    height: "192px", 
    borderRadius: "16px", 
    marginRight: "24px", 
    boxShadow: "5px 8px 24px 5px rgba(208, 216, 243, 0.6)" 
 }