三级弹窗
在实际中遇到了某种场景,需要使用三级弹窗,放大或缩小弹窗,所以自己封装了一个。
大概就是这个样子,录屏转换gif有点模糊和卡。
发布到npm上去了
npm i kc-dialog
然后main.js
其实我也不想起这么长的名字,别人都快我好多步
import KDialog from 'kc-dialog';
import 'kc-dialog/dist/KDialog.css'
Vue.use(KDialog)
配置项
- 属性
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
visible | 是否显示 Dialog,支持 .sync 修饰符 | boolean | —— | false |
title | Dialog 的标题,也可通过具名 slot 传入 | string | —— | 提示 |
width | Dialog 的宽度 | string | —— | 30% |
mask | 是否需要遮罩层 | boolean | —— |