hz-common-ui

封装一些全局的交互或组件，方便调用，慢慢完善吧。

安装

yarn add hz-common-ui --dev
npm install hz-common-ui -d

引入

// main.js引入
import CommonUi from 'hz-common-ui/lib/index.umd.min.js'
import 'hz-common-ui/lib/index.css'

Vue.use(CommonUi)

一些方法

Toast

this.$hzMessage.success('恭喜你，这是一条成功消息')
this.$hzMessage.warning('你已被警告!')
this.$hzMessage.info('这是一条消息啊')
this.$hzMessage.error('失败了')

MessageBox

| 常用参数 | 类型 | 是否必填 | 说明 | | :------: | :-----: | :-----------: | :------------------------: | | title | String | 是 | 标题文本 | | desc | String | 否 | 一些描述说明 | | isMain | Boolean | 否，默认false | 是否为谨慎操作，ui上的区分 |

this.$hzConfirm({
    // 一些常用参数
}, {
    // element上的参数, 可不传
}).then(res => {
    console.log(res)
}).catch(err => {
    console.log(err)
})

Alert

this.$hzAlert({
    title: '操作失败！',
    desc: '有规则正在使用此场景，不可删除'
}).then(res => {
    console.log(res)
})