diff --git a/src/App.vue b/src/App.vue
index f18fd8a..daab34d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,7 +5,6 @@
       <n-dialog-provider>
         <router-view></router-view>
       </n-dialog-provider>
-      <install-app-modal></install-app-modal>
     </n-config-provider>
   </div>
 </template>
@@ -13,7 +12,6 @@
 <script setup lang="ts">
 import { darkTheme } from 'naive-ui';
 
-import InstallAppModal from '@/components/common/InstallAppModal.vue';
 import store from '@/store';
 
 import { isMobile } from './utils';
diff --git a/src/layout/AppLayout.vue b/src/layout/AppLayout.vue
index fc10aa9..eb0d7e4 100644
--- a/src/layout/AppLayout.vue
+++ b/src/layout/AppLayout.vue
@@ -29,6 +29,7 @@
       <!-- 底部音乐播放 -->
       <play-bar v-if="isPlay" />
     </div>
+    <install-app-modal></install-app-modal>
   </div>
 </template>
 
@@ -36,6 +37,7 @@
 import { useRoute } from 'vue-router';
 import { useStore } from 'vuex';
 
+import InstallAppModal from '@/components/common/InstallAppModal.vue';
 import PlayBottom from '@/components/common/PlayBottom.vue';
 import { isElectron } from '@/hooks/MusicHook';
 import homeRouter from '@/router/home';