NoNetwork 无网络提示

该组件无需任何配置，引入即可，内部自动处理所有功能和事件，有如下特点：

• 如果没有网络，改组件会以fixed定位，并且以很大的z-index值覆盖原来的内容。一旦有网络了，会自动隐藏该组件，实现自动化
• 在APP上，嵌入了5+接口，可以直接打开手机的设置页面，方便用户进行网络相关的设置

说明

1. 应用有网络时，是不会触发本组件的，为了测试此功能，请关闭手机的数据连接以及WiFi即可
2. 由于普通的组件无法覆盖原生组件，所以本组件不适用那些有video，map等原生表现的组件的页面，可以自行使用uni的cover-view组件修改

平台差异说明

基本使用

<template>
    <view>
        <view class="u-text">
            这里是页面正式内容
        </view>
        <u-no-network></u-no-network>
    </view>
</template>
<script>
    export default {
    }
</script>
<style lang="scss" scoped>
    .u-text {
        padding-top: 300rpx;
        font-size: 30rpx;
        color: $u-type-primary;
        text-align: center;
    }
</style>

API

Props

Events