Vue Bulma Dialog

当前版本：1.0.0

该组件是基于vue2 、 bulma0.5.3 完成的弹出层组件。

配置灵活

使用方便

上手快

配置灵活

• 自定义标题
• 自定义宽度
• 高度自适应
• 弹层内容可以是html，也可以是组件

下载

• npm install vue-bulma-dialog -s

使用

this.$Dialog.open({
  title: 'Dialog title',
  content: '<h1>Hello Vue Bulma Dialog!</h1>'
})

this.$Dialog.alert('Hello Vue Bulma Dialog')

this.$Dialog.alert('Hello Vue Bulma Dialog',{
  title: '温馨提示'
})

this.$Dialog.alert('Hello Vue Bulma Dialog',function(){
  console.log('点击“确认”按钮')
})

this.$Dialog.success('success')

项目截图

1、不带图标的弹出层

2、带图标的弹出层

3、带图标的确认框

4、自定义内容的弹出层

本地开发

• npm imstall
• npm run dev

使用方法：

参考 ./examples/src/App.vue