diff --git a/resources/assets/js/components/Mobile/Tabbar.vue b/resources/assets/js/components/Mobile/Tabbar.vue
index 6a9799462..c523d3f62 100644
--- a/resources/assets/js/components/Mobile/Tabbar.vue
+++ b/resources/assets/js/components/Mobile/Tabbar.vue
@@ -1,5 +1,6 @@
 <template>
     <div class="mobile-tabbar">
+        <NetworkException v-if="windowSmall" type="alert"/>
         <transition name="mobile-fade">
             <div v-if="isMore" class="more-mask" @click="toggleRoute('more')"></div>
         </transition>
@@ -16,7 +17,6 @@
                 </ul>
             </div>
         </transition>
-        <NetworkException v-if="windowSmall" type="alert"/>
         <ul class="tabbar-box">
             <li v-for="item in navList" @click="toggleRoute(item.name)" :class="{active: activeName === item.name}">
                 <i class="taskfont" v-html="item.icon"></i>
diff --git a/resources/assets/js/components/NetworkException.vue b/resources/assets/js/components/NetworkException.vue
index b2b5cda09..b6e994687 100644
--- a/resources/assets/js/components/NetworkException.vue
+++ b/resources/assets/js/components/NetworkException.vue
@@ -1,25 +1,28 @@
 <template>
     <div class="common-network-exception">
-        <Alert v-if="type==='alert' && show" type="error" show-icon closable>{{$L('网络连接失败，请检查网络设置。')}}</Alert>
-        <Modal
-            v-else
-            v-model="show"
-            :width="416"
-            :closable="false"
-            :footer-hide="true"
-            class-name="common-network-exception-modal">
-            <div class="ivu-modal-confirm">
-                <div class="ivu-modal-confirm-head">
-                    <div class="ivu-modal-confirm-head-icon ivu-modal-confirm-head-icon-error"><Icon type="ios-close-circle"/></div><div class="ivu-modal-confirm-head-title">{{$L('温馨提示')}}</div>
+        <template v-if="type==='alert'">
+            <Alert v-if="show" type="error" show-icon closable>{{$L('网络连接失败，请检查网络设置。')}}</Alert>
+        </template>
+        <template v-else-if="type==='modal'">
+            <Modal
+                v-model="show"
+                :width="416"
+                :closable="false"
+                :footer-hide="true"
+                class-name="common-network-exception-modal">
+                <div class="ivu-modal-confirm">
+                    <div class="ivu-modal-confirm-head">
+                        <div class="ivu-modal-confirm-head-icon ivu-modal-confirm-head-icon-error"><Icon type="ios-close-circle"/></div><div class="ivu-modal-confirm-head-title">{{$L('温馨提示')}}</div>
+                    </div>
+                    <div class="ivu-modal-confirm-body">
+                        <div>{{$L('网络连接失败，请检查网络设置。')}}</div>
+                    </div>
+                    <div class="ivu-modal-confirm-footer">
+                        <Button type="primary" @click="show = false">{{$L('确定')}}</Button>
+                    </div>
                 </div>
-                <div class="ivu-modal-confirm-body">
-                    <div>{{$L('网络连接失败，请检查网络设置。')}}</div>
-                </div>
-                <div class="ivu-modal-confirm-footer">
-                    <Button type="primary" @click="show = false">{{$L('确定')}}</Button>
-                </div>
-            </div>
-        </Modal>
+            </Modal>
+        </template>
     </div>
 </template>