1.1.3 • Published 3 years ago
webkf-core-dialog-powsta v1.1.3
介绍
webkf-core-dialog 弹窗组件 基础开发框架为Vue2.X
安装
安装流程
// 安装依赖
npm i webkf-core-dialog -s
// 引用
import xhzqDialog from 'webkf-core-dialog'
// 引用样式表
import 'webkf-core-dialog/dist/xhzqDialog.min.css'
用法
<xhzqDialog ref="xhzqDialog" title="表头">
<div> //主体内容
content
</div>
<div slot = footer></div> //页脚
</xhzqDialog>
开启弹窗
this.$refs.xhzqDialog.openDialog()
关闭弹窗
this.$refs.xhzqDialog.closeDialog()
属性
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
width | 弹窗宽度 | String | - | 50% |
title | 标题 | String | - | |
isFooter | 是否显示页脚 | Boolean | - | true |
isfullscreen | 是否显示全屏 | Boolean | - | true |
1.1.3
3 years ago