在使用 antd 的时候 往往需要覆盖原有的样式

例如覆盖 Upload 组件大小  想要把下面的 Upload 组件调大

代码
// index.module.css .upload_size :global
.ant-upload.ant-upload-select-picture-card { width:220px ; height:130px;
border:'0px solid red'; background-color: #F2F2F2; } // home.jsx <Upload
name="file" listType="picture-card" valuePropName="SLT"
className={styles.upload_size} // 直接引入即可 showUploadList={false}
action="/api/upload_oss" headers={{ Authorization: 'Bearer ' +
Cookies.get('token') }} beforeUpload={beforeUpload} onChange={UploadSideAvatar}
> <div>{userAvatar ? <img src={userAvatar} alt="avatar" /> :
uploadButton}</div> </Upload>
结果如下:

有时候 会发现元素直接渲染到 body 下面,样式不生效,需要在组建中添加如下代码:如
<Select getPopupContainer={node => node.parentNode} />

技术
今日推荐
阅读数 169928
下载桌面版
GitHub
百度网盘(提取码:draw)
Gitee
云服务器优惠
阿里云优惠券
腾讯云优惠券
华为云优惠券
站点信息
问题反馈
邮箱:ixiaoyang8@qq.com
QQ群:766591547
关注微信