当前位置: 首页 > 文档资料 > uView 开发文档 >

NoNetwork 无网络提示

优质
小牛编辑
126浏览
2023-12-01

NoNetwork 无网络提示 平台差异说明
AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序
x

基本使用

<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

参数说明类型默认值可选值
tips没有网络时的提示语String哎呀,网络信号丢失-
zIndex组件的z-indexString | Number10080-
image无网络的图片提示,可用的src地址或base64图片String--

Events

事件名说明回调参数
retry用户点击页面的"重试"按钮时触发-