github
/
lx-music-desktop
mirror of https://github.com/lyswhut/lx-music-desktop
1
0
Fork 0
Code Issues Releases Wiki Activity

聚合搜索歌单添加源名称显示

pull/1053/head
lyswhut 2022-11-17 18:06:14 +08:00
parent 3b5832eceb
commit ec2b802912
3 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/common/utils/vueTools.ts
View File

@ -22,6 +22,7 @@ import {
defineComponent, defineComponent,
shallowReactive, shallowReactive,
defineExpose, defineExpose,
withDefaults,
} from 'vue' } from 'vue'
// import { useStore } from 'vuex' // import { useStore } from 'vuex'
@ -82,4 +83,5 @@ export {
defineComponent, defineComponent,
shallowReactive, shallowReactive,
defineExpose, defineExpose,
withDefaults,
} }

5
src/renderer/views/Search/SongListList/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="scroll" :class="$style.container"> <div :class="$style.container">
<SongList ref="listRef" :list-info="listInfo" @toggle-page="togglePage" /> <SongList ref="listRef" :list-info="listInfo" :visible-source="sourceId == 'all'" @toggle-page="togglePage" />
</div> </div>
</template> </template>
@ -61,6 +61,7 @@ const togglePage = (page: number) => {
top: 0; top: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
padding-top: 5px;
} }
// .list { // .list {

12
src/renderer/views/songList/List/components/SongList.vue
View File

@ -9,11 +9,12 @@
<div :class="$style.desc"> <div :class="$style.desc">
<h4>{{ item.name }}</h4> <h4>{{ item.name }}</h4>
<div> <div>
<p :class="$style.author">{{ item.author }}</p>
<div :class="$style.songlist_info"> <div :class="$style.songlist_info">
<span v-if="item.total != null"><svg-icon name="music" />{{ item.total }}</span> <span v-if="item.total != null"><svg-icon name="music" />{{ item.total }}</span>
<span v-if="item.play_count != null"><svg-icon name="headphones" />{{ item.play_count }}</span> <span v-if="item.play_count != null"><svg-icon name="headphones" />{{ item.play_count }}</span>
<span v-if="visibleSource">{{ item.source }}</span>
</div> </div>
<p :class="$style.author">{{ item.author }}</p>
</div> </div>
</div> </div>
</li> </li>
@ -38,9 +39,12 @@ import { ListInfo, ListInfoItem } from '@renderer/store/songList/state'
import { useRoute, useRouter } from '@common/utils/vueRouter' import { useRoute, useRouter } from '@common/utils/vueRouter'
const props = defineProps<{ const props = withDefaults(defineProps<{
listInfo: ListInfo listInfo: ListInfo
}>() visibleSource: boolean
}>(), {
visibleSource: false,
})
const router = useRouter() const router = useRouter()
const route = useRoute() const route = useRoute()
@ -175,7 +179,7 @@ defineExpose({
font-size: 12px; font-size: 12px;
.mixin-ellipsis-1; .mixin-ellipsis-1;
text-align: justify; text-align: justify;
line-height: 1.2; line-height: 1.3;
// text-indent: 24px; // text-indent: 24px;
color: var(--color-font-label); color: var(--color-font-label);
} }