|
@@ -88,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) {
|
|
@@ -177,42 +177,44 @@ export default defineComponent({
|
|
|
</div>
|
|
|
<NSpin show={data.loading}>
|
|
|
<div class={styles.content}>
|
|
|
- {data.list.length > 0 ? <NSpace size={[50, 40]}>
|
|
|
- {data.list.map((item: any, index: number) => {
|
|
|
- return (
|
|
|
- <div
|
|
|
- class={styles.item}
|
|
|
- key={`item-${index}`}
|
|
|
- onClick={() =>
|
|
|
- router.push({
|
|
|
- path: '/xiaoku-music',
|
|
|
- query: {
|
|
|
- id: item.id,
|
|
|
- name: item.name
|
|
|
- }
|
|
|
- })
|
|
|
- }>
|
|
|
- <div class={styles.cover}>
|
|
|
- <div class={styles.itemImg}>
|
|
|
- <div class={styles.itemBg}></div>
|
|
|
- <NImage
|
|
|
- objectFit="cover"
|
|
|
- src={item.coverImg}
|
|
|
- lazy
|
|
|
- previewDisabled={true}
|
|
|
- onLoad={e => {
|
|
|
- (e.target as any).dataset.loaded = 'true';
|
|
|
- }}
|
|
|
- />
|
|
|
+ {data.list.length > 0 ? (
|
|
|
+ <NSpace size={[50, 40]}>
|
|
|
+ {data.list.map((item: any, index: number) => {
|
|
|
+ return (
|
|
|
+ <div
|
|
|
+ class={styles.item}
|
|
|
+ key={`item-${index}`}
|
|
|
+ onClick={() =>
|
|
|
+ router.push({
|
|
|
+ path: '/xiaoku-music',
|
|
|
+ query: {
|
|
|
+ id: item.id,
|
|
|
+ name: item.name
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }>
|
|
|
+ <div class={styles.cover}>
|
|
|
+ <div class={styles.itemImg}>
|
|
|
+ <div class={styles.itemBg}></div>
|
|
|
+ <NImage
|
|
|
+ objectFit="cover"
|
|
|
+ src={item.coverImg}
|
|
|
+ lazy
|
|
|
+ previewDisabled={true}
|
|
|
+ onLoad={e => {
|
|
|
+ (e.target as any).dataset.loaded = 'true';
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ <div class={styles.itemName}>{item.name}</div>
|
|
|
</div>
|
|
|
- <div class={styles.itemName}>{item.name}</div>
|
|
|
- </div>
|
|
|
- );
|
|
|
- })}
|
|
|
- </NSpace> : <TheEmpty></TheEmpty>}
|
|
|
-
|
|
|
-
|
|
|
+ );
|
|
|
+ })}
|
|
|
+ </NSpace>
|
|
|
+ ) : (
|
|
|
+ <TheEmpty></TheEmpty>
|
|
|
+ )}
|
|
|
</div>
|
|
|
</NSpin>
|
|
|
</div>
|