diff --git a/src/renderer/components/material/SongList.vue b/src/renderer/components/material/SongList.vue index 6dc80061..728d167c 100644 --- a/src/renderer/components/material/SongList.vue +++ b/src/renderer/components/material/SongList.vue @@ -10,8 +10,8 @@ div(:class="$style.songList") th.nobreak(style="width: 25%;") {{$t('material.song_list.name')}} th.nobreak(style="width: 20%;") {{$t('material.song_list.singer')}} th.nobreak(style="width: 20%;") {{$t('material.song_list.album')}} - th.nobreak(style="width: 20%;") {{$t('material.song_list.action')}} th.nobreak(style="width: 10%;") {{$t('material.song_list.time')}} + th.nobreak(style="width: 20%;") {{$t('material.song_list.action')}} div.scroll(:class="$style.tbody" ref="dom_scrollContent") table tbody(@contextmenu="handleContextMenu" ref="dom_tbody") @@ -25,8 +25,10 @@ div(:class="$style.songList") span.select {{item.singer}} td.break(style="width: 20%;") span.select {{item.albumName}} + td(style="width: 10%;") + span(:class="[$style.time, $style.noSelect]") {{item.interval || '--/--'}} td(style="width: 20%; padding-left: 0; padding-right: 0;") - material-list-buttons(:index="index" :search-btn="true" + material-list-buttons(:index="index" :search-btn="true" :class="$style.btns" :remove-btn="false" @btn-click="handleListBtnClick" :listAdd-btn="assertApiSupport(item.source)" :play-btn="assertApiSupport(item.source)" @@ -34,8 +36,6 @@ div(:class="$style.songList") //- button.btn-info(type='button' v-if="item._types['128k'] || item._types['192k'] || item._types['320k'] || item._types.flac" @click.stop='openDownloadModal(index)') 下载 //- button.btn-secondary(type='button' v-if="item._types['128k'] || item._types['192k'] || item._types['320k']" @click.stop='testPlay(index)') 试听 //- button.btn-success(type='button' v-if="(item._types['128k'] || item._types['192k'] || item._types['320k']) && userInfo" @click.stop='showListModal(index)') + - td(style="width: 10%;") - span(:class="[$style.time, $style.noSelect]") {{item.interval || '--/--'}} div(:class="$style.pagination") material-pagination(:count="total" :limit="limit" :page="page" @btn-click="handleTogglePage") transition(enter-active-class="animated-fast fadeIn" leave-active-class="animated-fast fadeOut") diff --git a/src/renderer/views/List.vue b/src/renderer/views/List.vue index 13c91722..3da81da3 100644 --- a/src/renderer/views/List.vue +++ b/src/renderer/views/List.vue @@ -10,8 +10,8 @@ th.nobreak(style="width: 25%;") {{$t('view.list.name')}} th.nobreak(style="width: 20%;") {{$t('view.list.singer')}} th.nobreak(style="width: 20%;") {{$t('view.list.album')}} - th.nobreak(style="width: 20%;") {{$t('view.list.action')}} th.nobreak(style="width: 10%;") {{$t('view.list.time')}} + th.nobreak(style="width: 20%;") {{$t('view.list.action')}} div.scroll(:class="$style.tbody" @scroll="handleScroll" ref="dom_scrollContent") table tbody(@contextmenu="handleContextMenu" ref="dom_tbody") @@ -30,14 +30,14 @@ span.select {{item.singer}} td.break(style="width: 20%;") span.select {{item.albumName}} + td(style="width: 10%;") + span(:class="[$style.time, $style.noSelect]") {{item.interval || '--/--'}} td(style="width: 20%; padding-left: 0; padding-right: 0;") material-list-buttons(:index="index" @btn-click="handleListBtnClick") //- button.btn-info(type='button' v-if="item._types['128k'] || item._types['192k'] || item._types['320k'] || item._types.flac" @click.stop='openDownloadModal(index)') 下载 //- button.btn-secondary(type='button' v-if="item._types['128k'] || item._types['192k'] || item._types['320k']" @click.stop='testPlay(index)') 试听 //- button.btn-secondary(type='button' @click.stop='handleRemove(index)') 删除 //- button.btn-success(type='button' v-if="(item._types['128k'] || item._types['192k'] || item._types['320k']) && userInfo" @click.stop='showListModal(index)') + - td(style="width: 10%;") - span(:class="[$style.time, $style.noSelect]") {{item.interval || '--/--'}} div(:class="$style.noItem" v-else) p(v-text="list.length ? $t('view.list.loding_list') : $t('view.list.no_item')") material-download-modal(:show="isShowDownload" :musicInfo="musicInfo" @select="handleAddDownload" @close="isShowDownload = false") diff --git a/src/renderer/views/Search.vue b/src/renderer/views/Search.vue index 76d07977..7327ce3e 100644 --- a/src/renderer/views/Search.vue +++ b/src/renderer/views/Search.vue @@ -12,8 +12,8 @@ th.nobreak(style="width: 25%;") {{$t('view.search.name')}} th.nobreak(style="width: 20%;") {{$t('view.search.singer')}} th.nobreak(style="width: 25%;") {{$t('view.search.album')}} - th.nobreak(style="width: 15%;") {{$t('view.search.action')}} th.nobreak(style="width: 10%;") {{$t('view.search.time')}} + th.nobreak(style="width: 15%;") {{$t('view.search.action')}} div.scroll(:class="$style.tbody" ref="dom_scrollContent") table tbody(@contextmenu="handleContextMenu" ref="dom_tbody") @@ -28,13 +28,13 @@ span.select {{item.singer}} td.break(style="width: 25%;") span.select {{item.albumName}} + td(style="width: 10%;") + span(:class="[$style.time, $style.noSelect]") {{item.interval || '--/--'}} td(style="width: 15%; padding-left: 0; padding-right: 0;") material-list-buttons(:index="index" :remove-btn="false" :class="$style.listBtn" :play-btn="assertApiSupport(item.source)" :download-btn="assertApiSupport(item.source)" @btn-click="handleListBtnClick") - td(style="width: 10%;") - span(:class="[$style.time, $style.noSelect]") {{item.interval || '--/--'}} div(:class="$style.pagination") material-pagination(:count="listInfo.total" :limit="listInfo.limit" :page="page" @btn-click="handleTogglePage") div(v-else :class="$style.noitem")