blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity
vant/docs/markdown/en-US/popup.md
neverland d8b6ad7d54
[new feature] add i18n support (#310) 
* fix: Tabbar icon line-height

* [new feature] progress add showPivot prop

* [new feature] TabItem support vue-router

* [new feature] update document header style

* [Doc] add toast english ducoment

* [new feature] add i18n support

* feat: Extract demos from markdown

* feat: Base components demos

* [new feature] complete demo extract & translate

* [fix] text cases

* fix: add deepAssign test cases

* fix: changelog detail

* [new feature] AddressEdit support i18n
2017-11-15 20:08:51 -06:00

1.1 KiB
Raw Blame History

Popup

Install

import { Popup } from 'vant';

Vue.component(Popup.name, Popup);

Usage

Basic Usage

Popup is located in the middle of the screen by default

<van-popup v-model="show">Content</van-popup>

export default {
  data() {
    return {
      show: false
    }
  }
};

Position

Use position prop to set popup display position

<van-popup v-model="show" position="top" :overlay="false">
  Content
</van-popup>

API

Attribute Description Type Default Accepted Values
v-model Whether to show popup Boolean false -
overlay Whether to show overlay Boolean true -
lockOnScroll Lock body scroll Boolean false -
position Position String - top bottom right left
closeOnClickOverlay Close popup when click overlay Boolean true -
transition Transition String popup-slide -
preventScroll Prevent background scroll Boolean false -