返回介绍

开发指南

组件

JS

模板

NoNetwork 无网络提示

发布于 2021-04-03 05:35:23 字数 1580 浏览 924 评论 0 收藏 0

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用户点击页面的"重试"按钮时触发-

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文