1

1

src/views/xiaoku-ai/index.tsx

@@ -4,6 +4,7 @@ import TheSearch from '@/components/TheSearch';
 import { NButton, NImage, NSpace, NSpin } from 'naive-ui';
 import { useRouter } from 'vue-router';
 import { api_musicSheetCategoriesPage, api_musicTagTree } from './api';
+import TheEmpty from '/src/components/TheEmpty';
 
 export default defineComponent({
   name: 'XiaokuAi',
@@ -87,7 +88,7 @@ export default defineComponent({
     const selectChildTag = (columnIndex: number, index: number) => {
       const oldActiveItem =
         data.tagChildren[columnIndex].list[
-          data.tagChildren[columnIndex].activeIndex
+        data.tagChildren[columnIndex].activeIndex
         ];
       const activeItem = data.tagChildren[columnIndex].list[index];
       if (oldActiveItem && oldActiveItem.id !== activeItem.id) {
@@ -176,7 +177,7 @@ export default defineComponent({
         </div>
         <NSpin show={data.loading}>
           <div class={styles.content}>
-            <NSpace size={[50, 40]}>
+            {data.list.length > 0 ? <NSpace size={[50, 40]}>
               {data.list.map((item: any, index: number) => {
                 return (
                   <div
@@ -209,7 +210,9 @@ export default defineComponent({
                   </div>
                 );
               })}
-            </NSpace>
+            </NSpace> : <TheEmpty></TheEmpty>}
+
+
           </div>
         </NSpin>
       </div>