V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Terry05
V2EX  ›  分享创造

分享原创基于 Vue2 多功能弹出窗口组件 v-dialogs v1.10 版本

  •  
  •   Terry05 ·
    TerryZ · 2018-06-08 10:09:50 +08:00 · 1477 次点击
    这是一个创建于 2372 天前的主题,其中的信息可能已经有所发展或是发生改变。

    版本更新内容:

    • 修复连续弹出和关闭窗口时,最后一个窗口不会被关闭的问题
    • 窗口增加部分动画效果
    • 增加 singletonKey 配置项目,用于设置全局唯一的键值,以保证同一类型的窗口只弹出一次(例如系统错误类)
    • 支持 i18n 国际化,自带支持 cn/en/jp 三种语言
    • 增加 Alert 的 Confirm 模式下,取消按钮的专用事件
    • 解决窗口回调事件在部分特殊情况下不执行的问题

    插件简介:

    v-dialogs

    基于 Vue2.x 的简洁易用多形态的弹出窗口,其包含了 模态窗口(Modal)、消息对话框(Alert)、遮罩(Mask)、边角提示框(Toast)等功能

    使用入门、文档、实例 更多文档和实例请访问:

    Install

    npm i v-dialogs --save
    

    在项目入口处引入并安装

    import Vue from 'vue'
    import vDialog from 'v-dialogs';
    ...
    
    Vue.use(vDialog);
    

    插件预览

    Model

    model

    Alert

    alert

    Mask

    mask

    Toast

    toast

    jQuery 版本插件:bDialog

    2 条回复    2018-06-08 18:05:14 +08:00
    fy
        1
    fy  
       2018-06-08 17:52:12 +08:00
    还行。。。只是 min.js 63kb 是不是太多了?

    当然集成了这么多功能的情况下是免不了了。。
    Terry05
        2
    Terry05  
    OP
       2018-06-08 18:05:14 +08:00
    @fy 主要是打包了部分 iconfont 的图标
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5736 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 03:13 · PVG 11:13 · LAX 19:13 · JFK 22:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.