React-Antd-messages
首页第一步引入包
import { Card, Button, message } from 'antd'
按照类型来区分 message
message.success('恭喜您成功了')
message.error('对不起失败了')
message.warning('这就是个警告框')
按照自定义样式来区分
className: 自定义类名
style: 内联样式
message.success({
content: '这就是内容',
className: 'custom-class',
style: {
marginTop: '20vh',
},
})
按照时间来算
- duration
message.success({
content: '这就是内容',
duration: 8,
className: 'custom-class',
style: {
marginTop: '20vh',
},
})