Ant Design v4 Card Style boxShadow

Question

我想更改卡片样式：

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

---

但是，它显示警告，因为未定义 rgba。

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

boxShadow 有阴影边框和 rgba 颜色。

---

卡片样式={ width: 360, height: 192, borderRadius: 16, marginRight: 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)" 
 }