1.2.8 • Published 2 years ago
bsy-ui v1.2.8
bsy-ui
伯尚益UI组件库
安装
npm install bsy-ui
引用
全局引用
import BSYUI from 'bsy-ui'
Vue.use(BSYUI)
按需引用
import { BSYIcon } from 'bsy-ui'
Vue.use(BSYIcon)
import { BSYMessage } from 'bsy-ui'
Vue.use(BSYMessage)
引入css文件
import 'bsy-ui/bsy-ui.css'
组件使用
BSYIcon
<BSYIcon type='info' ></BSYIcon>
icon类型 type:
success 成功
successFilled 成功填充
info 普通
infoFilled 普通填充
error 错误
errorFilled 错误填充
close 关闭
loading 加载
持续更新...
BSYMessage
通过直接调用以下方法来使用组件:
this.$BSYMessage.info(config)
this.$BSYMessage.success(config)
this.$BSYMessage.warning(config)
this.$BSYMessage.error(config)
this.$BSYMessage.loading(config)
config参数
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
content | 提示内容 | String | - |
duration | 自动关闭的延时,单位秒,不关闭可以写 0 | Number | 1.5 |
onClose | 关闭时的回调 | Function | - |
closable | 是否显示关闭按钮 | Boolean | false |
background | 是否显示背景色 | Boolean | false |
另外提供了全局配置和全局销毁的方法:
- this.$BSYMessage.config(options)
- this.$BSYMessage.destroy()
this.$BSYMessage.config({
top: 50,
duration: 3
});
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
top | 提示组件距离顶端的距离,单位像素 | Number | 24 |
duration | 默认自动关闭的延时,单位秒 | Number | 1.5 |
1.2.0
2 years ago
1.2.8
2 years ago
1.1.9
2 years ago
1.2.7
2 years ago
1.1.8
2 years ago
1.2.6
2 years ago
1.1.7
2 years ago
1.2.5
2 years ago
1.1.6
2 years ago
1.2.4
2 years ago
1.1.5
2 years ago
1.2.3
2 years ago
1.2.2
2 years ago
1.2.1
2 years ago
1.1.4
2 years ago
1.1.1
2 years ago
1.1.0
2 years ago
1.1.3
2 years ago
1.1.2
2 years ago
1.0.10
2 years ago
1.0.9
2 years ago
1.0.8
2 years ago
1.0.7
2 years ago
1.0.6
2 years ago
1.0.5
2 years ago
1.0.4
2 years ago
1.0.0
2 years ago
0.1.0
5 years ago