Landscape 压屏窗

用于在浮层中显示广告或说明。

使用指南

在 page.json 中引入组件

{
    "navigationBarTitleText": "Landscape",
    "usingComponents": {
        "wux-button": "../../dist/button/index",
        "wux-landscape": "../../dist/landscape/index"
    }
}

示例

<wux-landscape visible="{{ visible1 }}" bind:close="onClose1">
    <image src="https://wux.cdn.cloverstd.com/redpacket.png" style="height: 350px" />
</wux-landscape>
<wux-landscape visible="{{ visible2 }}" bind:close="onClose2" mask="{{ false }}">
    <image src="https://wux.cdn.cloverstd.com/redpacket.png" style="height: 350px" />
</wux-landscape>
<view class="page">
    <view class="page__hd">
        <view class="page__title">Landscape</view>
        <view class="page__desc">压屏窗</view>
    </view>
    <view class="page__bd page__bd_spacing">
        <wux-button block type="light" bind:click="onOpen1">Default</wux-button>
        <wux-button block type="light" bind:click="onOpen2">No mask</wux-button>
    </view>
</view>

Page({
    data: {
        visible1: false,
        visible2: false,
    },
    onOpen1() {
        this.setData({
            visible1: true,
        })
    },
    onOpen2() {
        this.setData({
            visible2: true,
        })
    },
    onClose1() {
        this.setData({
            visible1: false,
        })
    },
    onClose2() {
        this.setData({
            visible2: false,
        })
    },
})

视频演示

Landscape

API

Landscape props

Landscape slot

Landscape externalClasses