my-popupbox

A Vue.js project

该插件包含了message，tooltip，confirm，dialog应用；

应用该插件，需首先在项目中引入：

import Vue from 'vue'
import vDialogJf from '../../node_modules/vue-dialog-jf/index.js'
Vue.use(vDialogJf)

---

message使用方式

this.$v_message({
        message:'this is message',
        time:5000
      })

参数名称	类型	默认值	描述
message	String	-	显示的信息
time	Numkber	-	提示信息显示的时间

---

confirm使用方式

this.$v_confirm({
        title:'确认',
        width:'300px',
        height:'200px',
        content:'this is my confirm '
      },function(){
          alert('ok');
      },function(){
          alert('cancel');
       })

参数名称	类型	默认值	描述
title	String	-	确认框的名称
width	String	-	确认框的宽度，示例：'300px'
height	String	-	确认框的高度，示例：'200px'
content	String	-	确认框的内容
function1	Function	-	点击确认后触发的函数
function2	Function	-	点击取消后触发的函数

---

dialog使用方式

var dia = this.$v_dialog(options);

var dia = this.$v_dialog({
        title:'创建账号',
        width:'400px',
        height:'300px',
        multi:false,  //多步操作传true
        render:test,
        appData:{name:that.num,description:'good boy'},
        complate:function(data){
            that.num = data
        },
    }); 

参数名称	类型	默认值	描述
title	String	-	弹出框的头部标题
width	String	-	弹出框的宽度,示例：'600px'
height	String	-	弹出框的高度，示例：'400px'
multi	Boolen	false	是否多步弹出框
appData	Array	-	向弹出框传递的数组
render	modules	-	弹出框要显示的模板
complateFun	Function	-	弹出框点击完成时触发的函数
cancelFun	Function	-	弹出框点击取消时触发的函数

---

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.