|
@@ -8,7 +8,15 @@ import {
|
|
|
} from 'vue';
|
|
|
import styles from './baseIndex.module.less';
|
|
|
import icon_back from './image/icon_back.svg';
|
|
|
-import { Button, Space, Tab, Tabs, showConfirmDialog, Image } from 'vant';
|
|
|
+import {
|
|
|
+ Button,
|
|
|
+ Space,
|
|
|
+ Tab,
|
|
|
+ Tabs,
|
|
|
+ showConfirmDialog,
|
|
|
+ Image,
|
|
|
+ Loading
|
|
|
+} from 'vant';
|
|
|
import {
|
|
|
api_lessonCoursewareFavoriteRemove,
|
|
|
api_lessonCoursewareFavoriteSave
|
|
@@ -214,6 +222,7 @@ export default defineComponent({
|
|
|
forms.musicTagId == item.id ? styles.active : ''
|
|
|
]}
|
|
|
onClick={() => {
|
|
|
+ if (data.loading || forms.musicTagId === item.id) return;
|
|
|
forms.musicTagId = item.id;
|
|
|
getList();
|
|
|
}}>
|
|
@@ -281,6 +290,12 @@ export default defineComponent({
|
|
|
<MEmpty image="list" description="暂无数据" />
|
|
|
)}
|
|
|
</div>
|
|
|
+
|
|
|
+ {data.loading && (
|
|
|
+ <div class={styles.loadingWrap}>
|
|
|
+ <Loading type="spinner" color="#44C9FF" />
|
|
|
+ </div>
|
|
|
+ )}
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|