1.2.8 • Published 2 years ago

bsy-ui v1.2.8

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

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自动关闭的延时,单位秒,不关闭可以写 0Number1.5
onClose关闭时的回调Function-
closable是否显示关闭按钮Booleanfalse
background是否显示背景色Booleanfalse

另外提供了全局配置和全局销毁的方法:

  • this.$BSYMessage.config(options)
  • this.$BSYMessage.destroy()
this.$BSYMessage.config({
    top: 50,
    duration: 3
});
属性说明类型默认值
top提示组件距离顶端的距离,单位像素Number24
duration默认自动关闭的延时,单位秒Number1.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