reactjs - Ant Design v4 卡片样式boxShadow

Question

我要更改卡片样式:

盒子阴影:[0, 8, 24, rgba(208, 216, 243, 0.6)]

---

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

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

boxShadow 有阴影边框和 rgba 颜色。

---

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

Answer 1

您的样式 Prop 的值必须是字符串并在其后附加“px”。这将起作用:

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