my-dialog-power v0.2.9

my-dialog-power

Project setup

npm install my-dialog-power

文档使用说明：

import MyDialogPower from 'my-dialog-power'
import 'my-dialog-power/lib/my-dialog-power.css'

参数

属性

dataInfo:弹窗的数据集合:

dataInfo:[
  {
    title: "进店提醒", // 弹窗标题
    content: "测试进店提醒" // 弹窗内容
    key:1 // 唯一key
    [,isAuotClose: true] // 非必须项：是否自动关闭
    [,autoCloseNum: 3] // 非必须项：自动关闭时长（秒），默认3秒
    [,titleBgColor: "#fff"] // 非必须项：自定义标题的底色
  }
]

插槽

content：内容插槽

<template #content="item">这是一个内容插槽{{item.row[.arguments]}}</template>

slot="footer"

footer：底部按钮插槽

<div #footer="item">这是一个底部插槽{{item.row[.arguments]}}</div>
插槽关闭窗体需要通过ref=[名称]调用组件内的"slotCloseDialog"方法
slotCloseDialog(item.row){
  ……
}

事件

版本号：

V0.1.11

1：新增属性zIndex调整优先级
2：修复ie11兼容问题

V0.1.12

1、解决属性zIndex无效问题
2、更换插槽使用方式并新增了获取循环体内内容