uni-app popup 弹出层

代码

template

<uni-popup ref="popup">
    <view class="popup-content">
        <view style="font: bold;font-size: 40rpx;">Hello World</view>
        <image src="/static/hello.jpg" style="width: 200rpx;height: 200rpx;" mode="aspectFit"></image>
    </view>
</uni-popup>

js代码控制打开

this.$refs.popup.open();

js代码控制关闭

this.$refs.popup.close();

禁用点击遮罩关闭

:mask-click="false"

官方文档

https://uniapp.dcloud.net.cn/component/uniui/uni-popup.html