37 lines
942 B
Markdown
37 lines
942 B
Markdown
---
|
|
title: Landscape 压屏窗
|
|
preview: https://didi.github.io/mand-mobile/examples/#/landscape
|
|
---
|
|
|
|
用于在浮层中显示广告或说明
|
|
|
|
### 引入
|
|
|
|
```javascript
|
|
import { Landscape } from 'mand-mobile'
|
|
|
|
Vue.component(Landscape.name, Landscape)
|
|
```
|
|
|
|
### 代码演示
|
|
<!-- DEMO -->
|
|
|
|
### API
|
|
|
|
#### Landscape Props
|
|
|属性 | 说明 | 类型 | 默认值| 备注 |
|
|
|----|-----|------|------|-----|
|
|
|v-model|是否展示|Boolean|`false`| - |
|
|
|has-mask|是否有蒙层|Boolean|`true`| - |
|
|
|mask-closable|是否可以通过点击蒙层关闭|Boolean|`false`| - |
|
|
|full-screen|是否全屏|Boolean|`false`| - |
|
|
|transition|弹出层过渡动画|String|`full-screen`为`true`时，默认值`md-fade`；否则默认为`md-punch`| 可选值参考[Transition](https://didi.github.io/mand-mobile/#/zh-CN/docs/components/feedback/transition?anchor=API) |
|
|
|
|
#### Landscape Events
|
|
|
|
##### @show()
|
|
弹出层展示事件
|
|
|
|
##### @hide()
|
|
弹出层隐藏事件
|