0.5.18 • Published 4 years ago
uxcore-message v0.5.18
uxcore-message
TL;DR
uxcore-message ui component for react
setup develop environment
$ git clone https://github.com/uxcore/uxcore-message
$ cd uxcore-message
$ npm install
$ gulp server
Usage
demo
API
- Message.success(content, duration, onClose)
- Message.error(content, duration, onClose)
- Message.info(content, duration, onClose)
- Message.loading(content, duration, onClose)
- Message.nw_loading(content, duration, onClose) // 信息平台新 logo 的 loading
- Message.mask_loading(content, duration, onClose) // 带遮罩全局的 loading,防止重复点击提交,duration=0代表不会消失,必须使用Message.clear()清除
- Message.clear() // 清除所有的 message。
也可以这样进行传参
Message.success({
content: 'xxx',
duration: 1.5,
onClose: () => {}
})
参数 | 类型 | 必填 | 默认值 | 功能/备注 |
---|---|---|---|---|
content | React.Element or String | required | - | 提示的内容 |
duration | Number | optional | 1.5 | 多长(秒)时间消失 |
getContainer | function | optional | - | 为 message 指定要渲染的容器 |
另外提供了一个全局方法用于配置
Message.config({
multipleInstance: true, // 是否允许同时展示多个 message, 默认为 true
className: 'xxx', // 在 uxcore-kuma 样式基础上定制时使用
prefixCls: 'xxx', // 类名前缀,不想使用 uxcore-kuma 样式时使用
})
0.5.18
4 years ago
0.5.17
4 years ago
0.5.16
4 years ago
0.5.15
5 years ago
0.5.14
6 years ago
0.5.13
6 years ago
0.5.12
6 years ago
0.5.11
6 years ago
0.5.10
6 years ago
0.6.1
6 years ago
0.6.0
6 years ago
0.5.9
6 years ago
0.5.8
6 years ago
0.5.7
6 years ago
0.5.6
6 years ago
0.5.5
6 years ago
0.5.4
6 years ago
0.5.3
7 years ago
0.5.2
7 years ago
0.5.1
7 years ago
0.5.0
7 years ago
0.4.0
8 years ago
0.3.1
8 years ago
0.3.0
8 years ago
0.2.6
8 years ago
0.2.5
8 years ago
0.2.4
9 years ago
0.2.3
9 years ago
0.2.2
9 years ago
0.2.1
9 years ago
0.2.0
9 years ago
0.1.2
9 years ago
0.1.1
9 years ago
0.1.0
9 years ago