reactjs - Ant Design v4 卡片样式boxShadow

我要更改卡片样式:

盒子阴影:[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)]

最佳答案

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

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

https://stackoverflow.com/questions/60845085/

相关文章:

typescript - 类型 'Readonly

azure-devops - 创建与 Azure 资源管理器的服务连接时出错 : azure pip

reactjs - 在创建或处理 React 应用程序时,我是否需要始终连接到互联网?

python - 有没有办法从图形图像中提取数据并将其存储在 Excel 工作表或 csv 文件中?

node.js - 从 lambda 向 sns 主题发布消息

azure-devops - 如何将 Yarn 注册表用作 Azure DevOps 工件上游源?

date - 如何在 DART(Flutter)中舍入最接近 30 分钟间隔的日期时间?

javascript - 在 Redux Saga 中使用 map 功能进行 fork

reactjs - react Hook UseEffect 与类名

hyperledger-fabric - fabric-chaincode-go 和 fabric-