|
@@ -12,6 +12,7 @@ import icon_back from '../../xiaoku-music/images/icon_back.png';
|
|
|
import { useRoute, useRouter } from 'vue-router';
|
|
|
import List from './components/list';
|
|
|
import { api_knowledgeWikiCategoryType_page } from '../api';
|
|
|
+import TheEmpty from '/src/components/TheEmpty';
|
|
|
|
|
|
export default defineComponent({
|
|
|
name: 'content-instrument',
|
|
@@ -20,10 +21,12 @@ export default defineComponent({
|
|
|
const router = useRouter();
|
|
|
const state = reactive({
|
|
|
tabValue: '',
|
|
|
- categoryList: [] as any
|
|
|
+ categoryList: [] as any,
|
|
|
+ loading: false
|
|
|
});
|
|
|
|
|
|
const getCategoryList = async () => {
|
|
|
+ state.loading = true;
|
|
|
try {
|
|
|
const { data } = await api_knowledgeWikiCategoryType_page({
|
|
|
type: 'INSTRUMENT',
|
|
@@ -40,6 +43,7 @@ export default defineComponent({
|
|
|
} catch {
|
|
|
//
|
|
|
}
|
|
|
+ state.loading = false;
|
|
|
};
|
|
|
|
|
|
getCategoryList();
|
|
@@ -58,7 +62,16 @@ export default defineComponent({
|
|
|
</NSpace>
|
|
|
|
|
|
<div class={styles.wrap}>
|
|
|
- <div class={styles.listWrap}>
|
|
|
+ <div
|
|
|
+ class={[
|
|
|
+ styles.listWrap,
|
|
|
+ !state.loading &&
|
|
|
+ state.categoryList.length <= 0 &&
|
|
|
+ styles.listWrapEmpty
|
|
|
+ ]}>
|
|
|
+ {!state.loading && state.categoryList.length <= 0 && (
|
|
|
+ <TheEmpty description="暂无乐器百科" />
|
|
|
+ )}
|
|
|
<NTabs
|
|
|
defaultValue="myResources"
|
|
|
paneClass={styles.paneTitle}
|