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

优化打开歌单输入框宽度

pull/277/head
lyswhut 2020-06-14 00:22:30 +08:00
parent e9a624c896
commit be482bd683
3 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/renderer/components/material/SearchInput.vue
View File

@ -238,7 +238,6 @@ export default {
} }
.big { .big {
min-width: 500px;
width: 100%; width: 100%;
// input { // input {
// line-height: 30px; // line-height: 30px;

2
src/renderer/store/mutations.js
View File

@ -31,13 +31,13 @@ export default {
state.version.downloadProgress = info state.version.downloadProgress = info
}, },
setVersionModalVisible(state, { isShow, isError, isDownloaded, isTimeOut, isDownloading, isUnknow, isLatestVer }) { setVersionModalVisible(state, { isShow, isError, isDownloaded, isTimeOut, isDownloading, isUnknow, isLatestVer }) {
if (isShow !== undefined) state.version.showModal = isShow
if (isError !== undefined) state.version.isError = isError if (isError !== undefined) state.version.isError = isError
if (isTimeOut !== undefined) state.version.isTimeOut = isTimeOut if (isTimeOut !== undefined) state.version.isTimeOut = isTimeOut
if (isDownloading !== undefined) state.version.isDownloading = isDownloading if (isDownloading !== undefined) state.version.isDownloading = isDownloading
if (isDownloaded !== undefined) state.version.isDownloaded = isDownloaded if (isDownloaded !== undefined) state.version.isDownloaded = isDownloaded
if (isUnknow !== undefined) state.version.isUnknow = isUnknow if (isUnknow !== undefined) state.version.isUnknow = isUnknow
if (isLatestVer !== undefined) state.version.isLatestVer = isLatestVer if (isLatestVer !== undefined) state.version.isLatestVer = isLatestVer
if (isShow !== undefined) state.version.showModal = isShow
}, },
setIgnoreVersion(state, version) { setIgnoreVersion(state, version) {
state.setting.ignoreVersion = version state.setting.ignoreVersion = version

8
src/renderer/views/SongList.vue
View File

@ -41,8 +41,8 @@
material-pagination(:count="listData.total" :limit="listData.limit" :page="listData.page" @btn-click="handleToggleListPage") material-pagination(:count="listData.total" :limit="listData.limit" :page="listData.page" @btn-click="handleToggleListPage")
transition(enter-active-class="animated-fast fadeIn" leave-active-class="animated-fast fadeOut") transition(enter-active-class="animated-fast fadeIn" leave-active-class="animated-fast fadeOut")
div(:class="$style.importSongListContent" v-show="sortId === 'importSongList'") div(:class="$style.importSongListContent" v-show="sortId === 'importSongList'")
div(:style="{ width: '500px' }") div(:style="{ width: '50%' }")
material-search-input(v-model="importSongListText" @event="handleImportSongListEvent" big :placeholder="$t('view.song_list.input_text')") material-search-input(:class="$style.searchInput" v-model="importSongListText" @event="handleImportSongListEvent" big :placeholder="$t('view.song_list.input_text')")
svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' height='100%' viewBox='0 0 451.846 451.847' space='preserve') svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' height='100%' viewBox='0 0 451.846 451.847' space='preserve')
use(xlink:href='#icon-right') use(xlink:href='#icon-right')
div(:class="$style.tips") div(:class="$style.tips")
@ -465,6 +465,10 @@ export default {
} }
} }
.searchInput {
width: 100%;
}
.song-list-header-middle { .song-list-header-middle {
flex: auto; flex: auto;
padding: 5px 7px; padding: 5px 7px;