更新记录

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'
            });
        }
    }
}

属性说明：