diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index c9151f4c..c5712ee7 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -3,9 +3,13 @@
+
@@ -18,29 +22,22 @@
-
-
diff --git a/src/renderer/components/common/PlayListButton.vue b/src/renderer/components/common/PlayListButton.vue
new file mode 100644
index 00000000..223b576e
--- /dev/null
+++ b/src/renderer/components/common/PlayListButton.vue
@@ -0,0 +1,24 @@
+
+
+
+
+
diff --git a/src/renderer/components/common/PlayListWindow.vue b/src/renderer/components/common/PlayListWindow.vue
new file mode 100644
index 00000000..da60e583
--- /dev/null
+++ b/src/renderer/components/common/PlayListWindow.vue
@@ -0,0 +1,62 @@
+
+
+
+
+
播放列表
+
+ -
+ {{ index + 1 }}. {{ song }}
+
+
+
+
+
+
+
diff --git a/src/renderer/components/layout/PlayBar/ControlBtns.vue b/src/renderer/components/layout/PlayBar/ControlBtns.vue
index 4601342f..e15dbafe 100644
--- a/src/renderer/components/layout/PlayBar/ControlBtns.vue
+++ b/src/renderer/components/layout/PlayBar/ControlBtns.vue
@@ -17,6 +17,7 @@
+
diff --git a/src/renderer/store/player/action.ts b/src/renderer/store/player/action.ts
index 87977fc1..35ed3b94 100644
--- a/src/renderer/store/player/action.ts
+++ b/src/renderer/store/player/action.ts
@@ -12,6 +12,7 @@ import {
playMusicInfo,
playedList,
tempPlayList,
+ isShowPlaylist,
} from './state'
import { getListMusicsFromCache } from '@renderer/store/list/action'
import { downloadList } from '@renderer/store/download/state'
@@ -61,6 +62,10 @@ export const setShowPlayerDetail = (val: boolean) => {
isShowPlayerDetail.value = val
}
+export const setShowPlaylist = (val: boolean) => {
+ isShowPlaylist.value = val
+}
+
export const setShowPlayComment = (val: boolean) => {
isShowPlayComment.value = val
}
diff --git a/src/renderer/store/player/state.ts b/src/renderer/store/player/state.ts
index 48aea238..f7267fe9 100644
--- a/src/renderer/store/player/state.ts
+++ b/src/renderer/store/player/state.ts
@@ -36,6 +36,8 @@ export const statusText = ref('')
export const isShowPlayerDetail = ref(false)
+export const isShowPlaylist = ref(false)
+
export const isShowPlayComment = ref(false)
export const isShowLrcSelectContent = ref(false)