前提:使用uview框架
目的:没有网络时弹出页面提示
<template>
<view>
<view class="u-text">
这里是页面正式内容
</view>
<u-no-network></u-no-network>
</view>
</template>
<script>
export default {
}
</script>
直接在需要使用的页面中引用 <u-no-network ></u-no-network > 即可
一般是在底部导航的几个页面中引入,或者在每个需要调用接口的页面中引入
我将组件中的重试按钮去掉了,因为会和退出应用按钮有冲突,导致‘再次返回后台运行应用’提示信息一直显示在屏幕中。有办法解决的小伙伴可以评论区讨论哦!