1.0.1 • Published 6 years ago

vue-weibo-modal v1.0.1

Weekly downloads
9
License
-
Repository
-
Last release
6 years ago

npm version

介绍

vue-weibo-modal是基于Vue2开发的对话框模块

安装

npm install vue-weibo-modal --save

开始

import modal from 'vue-weibo-modal'
Vue.use(modal)

演示

使用 1

this.$Modal('vue-weibo-modal')

使用 2

// modal = true
<weibo-model v-model="modal"></weibo-model>

props

props: {
      swTitle: {
        /** 显示标题区域 */
        type: Boolean,
        default: true
      },
      swHtml: {
        /** 显示文本区域 */
        type: Boolean,
        default: true
      },
      swBtn: {
        /** 显示按钮区域 */
        type: Boolean,
        default: true
      },
      width: {
        type: String,
        default: '400px'
      },
      value: {
        /** 显示 所指  v-model */
        type: Boolean,
        default: false
      },
      title: {
        /** 标题 */
        type: String,
        default: '系统提示'
      },
      html: {
        /** 内容 */
        type: String,
        default: 'BUG反馈QQ:1029131145'
      },
      textOk: {
        /** 确认文本 */
        type: String,
        default: '确认'
      },
      textCancel: {
        /** 取消文本 */
        type: String,
        default: '取消'
      },
      eventClose: {
        /** 右上角关闭函数回调 */
        type: Function,
        default: () => {
        }
      },
      eventOk: {
        /** 确认函数回调 */
        type: Function,
        default: () => {
        }
      },
      eventCancel: {
        /** 取消函数回调 */
        type: Function,
        default: () => {
        }
      },
      swClose: {
        /** 右上角显示 */
        type: Boolean,
        default: true
      },
      swOk: {
        /** 确认显示 */
        type: Boolean,
        default: true
      },
      swCancel: {
        /** 取消显示 */
        type: Boolean,
        default: true
      }