添加聊天

TUIKit/components/TUISearch/search-result/search-result-loading/index.ts

@@ -0,0 +1,2 @@
+import SearchResultLoading from './index.vue';
+export default SearchResultLoading;

TUIKit/components/TUISearch/search-result/search-result-loading/index.vue

@@ -0,0 +1,25 @@
+<template>
+  <div :class="['search-result-loading', !isPC && 'search-result-loading-h5']">
+    <Loading
+      width="40px"
+      height="40px"
+    />
+  </div>
+</template>
+<script setup lang="ts">
+import Loading from '../../../common/Loading/index.vue';
+import { isPC } from '../../../../utils/env';
+</script>
+<style scoped lang="scss">
+.search-result-loading {
+  width: 100%;
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  &-h5 {
+    background-color: #f4f4f4;
+  }
+}
+</style>