diff --git a/src/pages/contact/index.vue b/src/pages/contact/index.vue
index ad7b70c..ef8b396 100644
--- a/src/pages/contact/index.vue
+++ b/src/pages/contact/index.vue
@@ -132,27 +132,29 @@ const generateContactGroupList = (contactList: ContactData[]) => {
     </View>
 
 
-    <View v-if="state.isAuthError">
-      <nut-empty description="连接出现问题，请稍后重试">
-        <div style="margin-top: 10px">
-          <nut-button type="default" @tap="onAuthErrorRefresh">刷新</nut-button>
-        </div>
-      </nut-empty>
-    </View>
-    <View v-else-if="state.isContactDataLoadError">
-      <nut-empty description="连接出现问题，请稍后重试">
-        <div style="margin-top: 10px">
-          <nut-button type="default" @tap="onContactDataLoadErrorRefresh">刷新</nut-button>
-        </div>
-      </nut-empty>
-    </View>
-    <View class="scroll 100vh" v-else>
-      <view class="scroll 100vh" v-if="!state.isContactDataLoading">
-        <Contact :items="state.contactGroupedList"/>
-      </view>
-      <View v-else class="d-flex flex-column">
-        <NutSkeleton v-for="_ in 10" class="p-3" height="15px" animated avatar avatar-size="50px" row="1"/>
+    <View class="scroll 100vh" v-if="!state.isContactDataLoading">
+      <Contact :items="state.contactGroupedList" v-if="!state.isAuthError && !state.isContactDataLoadError"/>
+      <View v-else>
+        <View v-if="state.isAuthError">
+          <nut-empty description="连接出现问题，请稍后重试">
+            <div style="margin-top: 10px">
+              <nut-button type="default" @tap="onAuthErrorRefresh">刷新</nut-button>
+            </div>
+          </nut-empty>
+        </View>
+        <View v-else-if="state.isContactDataLoadError">
+          <nut-empty description="连接出现问题，请稍后重试">
+            <div style="margin-top: 10px">
+              <nut-button type="default" @tap="onContactDataLoadErrorRefresh">刷新</nut-button>
+            </div>
+          </nut-empty>
+        </View>
+        <View v-else></View>
       </View>
     </View>
+    <View v-else class="d-flex flex-column">
+      <NutSkeleton v-for="_ in 10" class="p-3" height="15px" animated avatar avatar-size="50px" row="1"/>
+    </View>
+
   </view>
 </template>