Mand MobileLandscape
To display ads or descriptions in a floating layer
Import
import { Landscape } from 'mand-mobile-next'
Vue.createApp().component(Landscape.name, Landscape)
Code Examples
API
Landscape Props
| Props | Description | Type | Default | Note |
|---|---|---|---|---|
| v-model | display popup layer or not | Boolean | false | - |
| has-mask | has mask or not | Boolean | true | - |
| mask-closable | if popup layer can be closed through clicking on the mask | Boolean | false | - |
| full-screen | whether display as full screen | Boolean | false | - |
| transition | the animation effect of dialog | String | when full-screen is true, the default value is md-fade;otherwise the default value is md-punch | refer to Transition for optional values |
Landscape Events
@show()
Display popup
@hide()
Hide popup