部署后提示用户更新18

src/App.vue

@@ -20,6 +20,7 @@ export default {
         self.$confirm('System update detected, please refresh the page？', '📢 System update', {
           distinguishCancelAndClose: true,
           closeOnClickModal: false,
+          customClass: 'message_refresh',
           confirmButtonText: 'refresh',
           cancelButtonText: 'dismiss'
         })
@@ -43,6 +44,7 @@ export default {
         self.$confirm('检测到系统更新，请刷新页面？', '📢 系统更新', {
           distinguishCancelAndClose: true,
           closeOnClickModal: false,
+          customClass: 'message_refresh',
           confirmButtonText: '刷新',
           cancelButtonText: '放弃'
         })
@@ -68,10 +70,8 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
-#app {
-  ::v-deep .el-message-box{
-    width: 320px;
-  }
-}
+<style lang="scss" >
+ .message_refresh{
+   width: 320px;
+ }
 </style>