| @@ -132,27 +132,29 @@ const generateContactGroupList = (contactList: ContactData[]) => { | |||||
| </View> | </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> | </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> | </view> | ||||
| </template> | </template> | ||||