ReactAntd(九) ANTD-Messages

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',
  },
})

文章作者: 雾烟云
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 雾烟云 !
  目录