初步完善

src/renderer/App.vue

@@ -1,20 +1,22 @@
 <template lang="pug">
 #container(v-if="isProd && !isNt" :class="[theme, nd ? 'nd' : '']" @mouseenter="enableIgnoreMouseEvents" @mouseleave="dieableIgnoreMouseEvents")
-  core-aside#left
-  #right
-    core-toolbar#toolbar
-    core-view#view
-    core-player#player
+  #main
+    core-aside#left
+    #right
+      core-toolbar#toolbar
+      core-view#view
+  core-player#player
   core-icons
   material-xm-verify-modal(v-show="globalObj.xm.isShowVerify" :show="globalObj.xm.isShowVerify" :bg-close="false" @close="handleXMVerifyModalClose")
   material-version-modal(v-show="version.showModal")
   material-pact-modal(v-show="!setting.isAgreePact || globalObj.isShowPact")
 #container(v-else :class="[theme, nd ? 'nd' : '']")
-  core-aside#left
-  #right
-    core-toolbar#toolbar
-    core-view#view
-    core-player#player
+  #main
+    core-aside#left
+    #right
+      core-toolbar#toolbar
+      core-view#view
+  core-player#player
   core-icons
   material-xm-verify-modal(v-show="globalObj.xm.isShowVerify" :show="globalObj.xm.isShowVerify" :bg-close="false" @close="handleXMVerifyModalClose")
   material-version-modal(v-show="version.showModal")
@@ -341,6 +343,7 @@ body {
 #container {
   position: relative;
   display: flex;
+  flex-flow: column nowrap;
   height: 100%;
   overflow: hidden;
   background: @color-theme-bgimg @color-theme-bgposition no-repeat;
@@ -349,6 +352,11 @@ body {
   background-color: @color-theme;
 }
 
+#main {
+  flex: auto;
+  display: flex;
+}
+
 #left {
   flex: none;
   width: @width-app-left;