1.0.3 • Published 3 years ago
hz-common-ui v1.0.3
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)
})