Giter VIP home page Giter VIP logo

vue-dialog-loading's Introduction

vue-dialog-loading

A light vue dialog plugin with loading animation and image preview

View the Demo and its source for more.

Install

npm install --save vue-dialog-loading

Quick Start

main.js

import Dialog from 'vue-dialog-loading'

//global config
Vue.use(Dialog, {
    dialogBtnColor: '#0f0',
    background:'rgba(0, 0, 0, 0.5)'
})

your vue file

this.$dialog({
     title: 'title',
     content: 'some information',
     // background:'rgba(0,0,0, 0.5)',
     delay: 3000,   //options, close after 3s
     btns: [{
                    label: 'OK',
                    color: '#09f',
             },
             {
                    label: 'Cancel',
                    color: '#444',
                    ghost: true,
                    callback: () => {
                        window.alert('onOk callback')
                    },
             }],
})

this.$loading.show({delay:0, background: '#444'})   //delay 0ms, default is 300ms
this.$loading.hide()

//Loading Components:
<LoadingCom/>

//preview image, support double touch to scale 2.0 and touch drag
this.$ImagePreview.show(imgUrl)

vue-dialog-loading's People

Contributors

dependabot[bot] avatar leyap avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

vue-dialog-loading's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.