Git Product home page Git Product logo

antd-modal-dragable's Introduction

antd-modal-dragable

在蚂蚁金服的antd库的modal组件上,新增可拖动功能,完全复用antd-modal的全部api,支持同时打开多个窗口

新增以下三个api

1.dragable

类型boolean,是否可拖动,默认true,开启此项后,首次位置水平方向不再居中,要手动设置初始位置

2.limit

类型boolean,是否限制不能移出屏幕,默认false

3.autoIndex

类型boolean,是否自动置顶,点击窗口时此窗口置于最高层,开启此项时,mask会失效,新打开的窗口会自动置顶
  • 使用方法

    下载库中的Modal.js,放到自己的项目中,此文件依赖antd,如未安装antd,则无法使用该组件

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.