NoNetwork 无网络提示
优质
小牛编辑
126浏览
2023-12-01
NoNetwork 无网络提示 平台差异说明
App | H5 | 微信小程序 | 支付宝小程序 | 百度小程序 | 头条小程序 | 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-index 值 | String | Number | 10080 | - |
image | 无网络的图片提示,可用的src地址或base64图片 | String | - | - |
Events
事件名 | 说明 | 回调参数 |
---|---|---|
retry | 用户点击页面的"重试"按钮时触发 | - |