更新记录

1.00(2020-02-11)

暂无


平台兼容性

mzNetworkError 网络异常组件

·简单易用,全端支持

·自动监听网络状态变化,显示或隐藏提示文本

·可配置是否悬浮(悬浮表示脱离文档流)

·提供网络异常提示页面示例

重要:

请运行到手机上测试!!!模拟器或者调试工具上的网络状态是不准确的!!!

基本用法:

<template>
    <view class="content">
        <mz-network-error></mz-network-error>
        <image class="logo" src="/static/logo.png"></image>
        <view class="text-area">
            <text class="title">{{title}}</text>
        </view>
    </view>
</template>
import mzNetworkError from '@/components/mz-network-error/mz-network-error.vue'
export default {
    components: {
        mzNetworkError
    },
    data() {
        return {
            title: 'Hello'
        }
    }
}

点击跳转:

<template>
    <view class="content">
        <mz-network-error @clickFn="hancleClick"></mz-network-error>
        <image class="logo" src="/static/logo.png"></image>
        <view class="text-area">
            <text class="title">{{title}}</text>
        </view>
    </view>
</template>
import mzNetworkError from '@/components/mz-network-error/mz-network-error.vue'
export default {
    components: {
        mzNetworkError
    },
    data() {
        return {
            title: 'Hello'
        }
    },
    onLoad() {

    },
    methods: {
        hancleClick() {
            uni.navigateTo({
                url: '../network/networkError'
            });
        }
    }
}

属性说明:

属性名 类型 默认值 说明
message String 网络异常,请检查您的网络设置 提示信息
fixed Boolean false 是否悬浮,true:悬浮;false:处于正常文档流,其他内容会被向下挤压
showRightBtn Boolean true 是否显示右侧图标
top String 距离顶部距离 '0'
icon String mz-iconfont icon-wangluocuowu 可以是图片路径,也可以是样式类名

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问