diff --git a/src/components/GlobalFooter/GlobalFooter.vue b/src/components/GlobalFooter/GlobalFooter.vue
index 58cf9e7b..48c5e363 100644
--- a/src/components/GlobalFooter/GlobalFooter.vue
+++ b/src/components/GlobalFooter/GlobalFooter.vue
@@ -1,6 +1,12 @@
 <template>
-  <div class="footer">
-    <div class="copyright">
+  <div
+    class="footer"
+    style="padding: 0 16px;margin: 48px 0 0;text-align: center;"
+  >
+    <div
+      class="copyright"
+      style="color: rgba(0, 0, 0, 0.45);font-size: 14px;"
+    >
       Proudly power by
       <router-link :to="{ name:'About' }">
         <a href="javascript:void(0);">Halo</a>
@@ -19,13 +25,4 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.footer {
-  padding: 0 16px;
-  margin: 48px 0 0;
-  text-align: center;
-  .copyright {
-    color: rgba(0, 0, 0, 0.45);
-    font-size: 14px;
-  }
-}
 </style>
diff --git a/src/components/global.less b/src/components/global.less
index 864bc3cd..7626740a 100644
--- a/src/components/global.less
+++ b/src/components/global.less
@@ -729,4 +729,42 @@ body {
     top: 0;
     left: 0;
   }
+}
+
+.analysis-card-container {
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+  .meta {
+    position: relative;
+    overflow: hidden;
+    width: 100%;
+    color: rgba(0, 0, 0, 0.45);
+    font-size: 14px;
+    line-height: 22px;
+    .analysis-card-action {
+      cursor: pointer;
+      position: absolute;
+      top: 0;
+      right: 0;
+    }
+  }
+  .number {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    word-break: break-all;
+    white-space: nowrap;
+    color: #000;
+    margin-top: 4px;
+    margin-bottom: 0;
+    font-size: 32px;
+    line-height: 38px;
+    height: 38px;
+  }
+}
+
+.ant-tree-child-tree {
+  li {
+    overflow: hidden;
+  }
 }
\ No newline at end of file
diff --git a/src/views/attachment/AttachmentList.vue b/src/views/attachment/AttachmentList.vue
index cec3b8e6..bfe89f04 100644
--- a/src/views/attachment/AttachmentList.vue
+++ b/src/views/attachment/AttachmentList.vue
@@ -160,8 +160,8 @@
 </template>
 
 <script>
-import { PageView } from '@/layouts'
 import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { PageView } from '@/layouts'
 import AttachmentDetailDrawer from './components/AttachmentDetailDrawer'
 import attachmentApi from '@/api/attachment'
 
@@ -209,6 +209,17 @@ export default {
     this.loadAttachments()
     this.loadMediaTypes()
   },
+  destroyed: function() {
+    if (this.drawerVisible) {
+      this.drawerVisible = false
+    }
+  },
+  beforeRouteLeave(to, from, next) {
+    if (this.drawerVisible) {
+      this.drawerVisible = false
+    }
+    next()
+  },
   methods: {
     loadAttachments() {
       this.queryParam.page = this.pagination.page - 1
diff --git a/src/views/attachment/components/AttachmentDetailDrawer.vue b/src/views/attachment/components/AttachmentDetailDrawer.vue
index ecbe5bf1..6007831e 100644
--- a/src/views/attachment/components/AttachmentDetailDrawer.vue
+++ b/src/views/attachment/components/AttachmentDetailDrawer.vue
@@ -22,6 +22,7 @@
             <img
               :src="attachment.path"
               v-show="photoPreviewVisible"
+              style="width: 100%;"
             >
             <video-player
               class="video-player-box"
@@ -29,6 +30,7 @@
               ref="videoPlayer"
               :options="playerOptions"
               :playsinline="true"
+              style="width: 100%;"
             >
             </video-player>
           </div>
@@ -158,10 +160,10 @@
 
 <script>
 import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { videoPlayer } from 'vue-video-player'
+import 'video.js/dist/video-js.css'
 import attachmentApi from '@/api/attachment'
 import photoApi from '@/api/photo'
-import 'video.js/dist/video-js.css'
-import { videoPlayer } from 'vue-video-player'
 
 export default {
   name: 'AttachmentDetailDrawer',
@@ -352,12 +354,3 @@ export default {
   }
 }
 </script>
-
-<style scope>
-.attach-detail-img img {
-  width: 100%;
-}
-.video-player-box {
-  width: 100%;
-}
-</style>
diff --git a/src/views/attachment/components/AttachmentDrawer.vue b/src/views/attachment/components/AttachmentDrawer.vue
index 6e2c9236..5d212f60 100644
--- a/src/views/attachment/components/AttachmentDrawer.vue
+++ b/src/views/attachment/components/AttachmentDrawer.vue
@@ -88,8 +88,8 @@
 
 <script>
 import { mixin, mixinDevice } from '@/utils/mixin.js'
-import attachmentApi from '@/api/attachment'
 import AttachmentDetailDrawer from './AttachmentDetailDrawer'
+import attachmentApi from '@/api/attachment'
 
 export default {
   name: 'AttachmentDrawer',
@@ -195,6 +195,3 @@ export default {
   }
 }
 </script>
-
-<style lang="less" scope>
-</style>
diff --git a/src/views/attachment/components/AttachmentSelectDrawer.vue b/src/views/attachment/components/AttachmentSelectDrawer.vue
index 03b81e68..d509bb3d 100644
--- a/src/views/attachment/components/AttachmentSelectDrawer.vue
+++ b/src/views/attachment/components/AttachmentSelectDrawer.vue
@@ -183,6 +183,3 @@ export default {
   }
 }
 </script>
-
-<style lang="less" scope>
-</style>
diff --git a/src/views/comment/CommentList.vue b/src/views/comment/CommentList.vue
index 53d61157..4f1aa180 100644
--- a/src/views/comment/CommentList.vue
+++ b/src/views/comment/CommentList.vue
@@ -26,10 +26,6 @@ export default {
   components: {
     PageView,
     CommentTab
-  },
-  data() {
-    return {}
-  },
-  methods: {}
+  }
 }
 </script>
diff --git a/src/views/comment/components/CommentDetail.vue b/src/views/comment/components/CommentDetail.vue
index aee9abd8..1dd7ffc5 100644
--- a/src/views/comment/components/CommentDetail.vue
+++ b/src/views/comment/components/CommentDetail.vue
@@ -202,5 +202,3 @@ export default {
   }
 }
 </script>
-<style lang="less" scoped>
-</style>
diff --git a/src/views/comment/components/CommentTab.vue b/src/views/comment/components/CommentTab.vue
index 37b4fd00..ee4456d1 100644
--- a/src/views/comment/components/CommentTab.vue
+++ b/src/views/comment/components/CommentTab.vue
@@ -263,9 +263,9 @@
 </template>
 <script>
 import { mapGetters } from 'vuex'
-import commentApi from '@/api/comment'
-import marked from 'marked'
 import CommentDetail from './CommentDetail'
+import marked from 'marked'
+import commentApi from '@/api/comment'
 const postColumns = [
   {
     title: '昵称',
diff --git a/src/views/dashboard/Dashboard.vue b/src/views/dashboard/Dashboard.vue
index 269dba88..d17cdba3 100644
--- a/src/views/dashboard/Dashboard.vue
+++ b/src/views/dashboard/Dashboard.vue
@@ -328,13 +328,13 @@
 </template>
 
 <script>
+import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mapGetters } from 'vuex'
 import { PageView } from '@/layouts'
 import AnalysisCard from './components/AnalysisCard'
 import RecentCommentTab from './components/RecentCommentTab'
 import countTo from 'vue-count-to'
 import UploadPhoto from '../../components/Upload/UploadPhoto.vue'
-import { mixin, mixinDevice } from '@/utils/mixin.js'
-import { mapGetters } from 'vuex'
 
 import postApi from '@/api/post'
 import logApi from '@/api/log'
diff --git a/src/views/dashboard/components/AnalysisCard.vue b/src/views/dashboard/components/AnalysisCard.vue
index 0ff834c8..b081de0b 100644
--- a/src/views/dashboard/components/AnalysisCard.vue
+++ b/src/views/dashboard/components/AnalysisCard.vue
@@ -15,7 +15,6 @@
       </div>
       <div class="number">
         <slot name="number">
-          <!-- <span>{{ typeof number === 'function' && number() || number }}</span> -->
           <countTo
             :startVal="startNumber"
             :endVal="typeof number === 'function' && number() || number"
@@ -64,37 +63,3 @@ export default {
   }
 }
 </script>
-
-<style lang="less" scoped>
-.analysis-card-container {
-  position: relative;
-  overflow: hidden;
-  width: 100%;
-  .meta {
-    position: relative;
-    overflow: hidden;
-    width: 100%;
-    color: rgba(0, 0, 0, 0.45);
-    font-size: 14px;
-    line-height: 22px;
-    .analysis-card-action {
-      cursor: pointer;
-      position: absolute;
-      top: 0;
-      right: 0;
-    }
-  }
-}
-.number {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  word-break: break-all;
-  white-space: nowrap;
-  color: #000;
-  margin-top: 4px;
-  margin-bottom: 0;
-  font-size: 32px;
-  line-height: 38px;
-  height: 38px;
-}
-</style>
diff --git a/src/views/exception/404.vue b/src/views/exception/404.vue
index 8d8aeb31..b9fb2f33 100644
--- a/src/views/exception/404.vue
+++ b/src/views/exception/404.vue
@@ -11,6 +11,3 @@ export default {
   }
 }
 </script>
-
-<style scoped>
-</style>
diff --git a/src/views/exception/500.vue b/src/views/exception/500.vue
index 3715314e..531c94e3 100644
--- a/src/views/exception/500.vue
+++ b/src/views/exception/500.vue
@@ -11,6 +11,3 @@ export default {
   }
 }
 </script>
-
-<style scoped>
-</style>
diff --git a/src/views/interface/MenuList.vue b/src/views/interface/MenuList.vue
index 67227382..642e2ebd 100644
--- a/src/views/interface/MenuList.vue
+++ b/src/views/interface/MenuList.vue
@@ -237,6 +237,3 @@ export default {
   }
 }
 </script>
-
-<style scoped>
-</style>
diff --git a/src/views/interface/ThemeEdit.vue b/src/views/interface/ThemeEdit.vue
index c4a63ead..d316866a 100644
--- a/src/views/interface/ThemeEdit.vue
+++ b/src/views/interface/ThemeEdit.vue
@@ -46,7 +46,12 @@
                 v-for="(theme,index) in themes"
                 :key="index"
                 :value="theme.id"
-              >{{ theme.name }} <a-icon v-if="theme.activated" type="check"/></a-select-option>
+              >{{ theme.name }}
+                <a-icon
+                  v-if="theme.activated"
+                  type="check"
+                />
+              </a-select-option>
             </a-select>
           </template>
           <theme-file
diff --git a/src/views/interface/ThemeList.vue b/src/views/interface/ThemeList.vue
index 70afe74d..0fd83be1 100644
--- a/src/views/interface/ThemeList.vue
+++ b/src/views/interface/ThemeList.vue
@@ -275,17 +275,17 @@ export default {
   created() {
     this.loadThemes()
   },
-  // destroyed: function() {
-  //   if (this.visible) {
-  //     this.visible = false
-  //   }
-  // },
-  // beforeRouteLeave(to, from, next) {
-  //   if (this.visible) {
-  //     this.visible = false
-  //   }
-  //   next()
-  // },
+  destroyed: function() {
+    if (this.themeSettingVisible) {
+      this.themeSettingVisible = false
+    }
+  },
+  beforeRouteLeave(to, from, next) {
+    if (this.themeSettingVisible) {
+      this.themeSettingVisible = false
+    }
+    next()
+  },
   methods: {
     loadThemes() {
       this.themeLoading = true
diff --git a/src/views/interface/components/MenuSelectTree.vue b/src/views/interface/components/MenuSelectTree.vue
index e217e6a6..885aa498 100644
--- a/src/views/interface/components/MenuSelectTree.vue
+++ b/src/views/interface/components/MenuSelectTree.vue
@@ -55,6 +55,3 @@ export default {
   }
 }
 </script>
-
-<style>
-</style>
diff --git a/src/views/interface/components/ThemeFile.vue b/src/views/interface/components/ThemeFile.vue
index 0d6a2369..78f46ffc 100644
--- a/src/views/interface/components/ThemeFile.vue
+++ b/src/views/interface/components/ThemeFile.vue
@@ -56,11 +56,3 @@ export default {
   }
 }
 </script>
-
-<style lang="less" scoped>
-.ant-tree-child-tree {
-  li {
-    overflow: hidden;
-  }
-}
-</style>
diff --git a/src/views/interface/components/ThemeSetting.vue b/src/views/interface/components/ThemeSetting.vue
index 7022fda2..fa23f37b 100644
--- a/src/views/interface/components/ThemeSetting.vue
+++ b/src/views/interface/components/ThemeSetting.vue
@@ -219,9 +219,9 @@
 </template>
 <script>
 import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mapGetters } from 'vuex'
 import AttachmentSelectDrawer from '../../attachment/components/AttachmentSelectDrawer'
 import FooterToolBar from '@/components/FooterToolbar'
-import { mapGetters } from 'vuex'
 import Verte from 'verte'
 import 'verte/dist/verte.css'
 import themeApi from '@/api/theme'
@@ -343,5 +343,3 @@ export default {
   }
 }
 </script>
-<style lang="less" scoped>
-</style>
diff --git a/src/views/post/CategoryList.vue b/src/views/post/CategoryList.vue
index ebcb8d25..18b9b7b2 100644
--- a/src/views/post/CategoryList.vue
+++ b/src/views/post/CategoryList.vue
@@ -239,6 +239,3 @@ export default {
   }
 }
 </script>
-
-<style>
-</style>
diff --git a/src/views/post/PostEdit.vue b/src/views/post/PostEdit.vue
index 9ae79c68..c0164785 100644
--- a/src/views/post/PostEdit.vue
+++ b/src/views/post/PostEdit.vue
@@ -108,6 +108,23 @@ export default {
       }
     })
   },
+  destroyed: function() {
+    if (this.postSettingVisible) {
+      this.postSettingVisible = false
+    }
+    if (this.attachmentDrawerVisible) {
+      this.attachmentDrawerVisible = false
+    }
+  },
+  beforeRouteLeave(to, from, next) {
+    if (this.postSettingVisible) {
+      this.postSettingVisible = false
+    }
+    if (this.attachmentDrawerVisible) {
+      this.attachmentDrawerVisible = false
+    }
+    next()
+  },
   methods: {
     handleSaveDraft() {
       this.postToStage.status = 'DRAFT'
@@ -177,6 +194,3 @@ export default {
   }
 }
 </script>
-
-<style lang="less">
-</style>
diff --git a/src/views/post/PostList.vue b/src/views/post/PostList.vue
index bbe003f1..0043a9c7 100644
--- a/src/views/post/PostList.vue
+++ b/src/views/post/PostList.vue
@@ -408,6 +408,17 @@ export default {
     this.loadPosts()
     this.loadCategories()
   },
+  destroyed: function() {
+    if (this.postSettingVisible) {
+      this.postSettingVisible = false
+    }
+  },
+  beforeRouteLeave(to, from, next) {
+    if (this.postSettingVisible) {
+      this.postSettingVisible = false
+    }
+    next()
+  },
   methods: {
     loadPosts() {
       this.postsLoading = true
@@ -537,5 +548,3 @@ export default {
   }
 }
 </script>
-<style scoped>
-</style>
diff --git a/src/views/post/components/CategorySelectTree.vue b/src/views/post/components/CategorySelectTree.vue
index 2b731e7d..f1111a4a 100644
--- a/src/views/post/components/CategorySelectTree.vue
+++ b/src/views/post/components/CategorySelectTree.vue
@@ -58,6 +58,3 @@ export default {
   }
 }
 </script>
-
-<style>
-</style>
diff --git a/src/views/post/components/CategoryTree.vue b/src/views/post/components/CategoryTree.vue
index b2a6b107..4e039df0 100644
--- a/src/views/post/components/CategoryTree.vue
+++ b/src/views/post/components/CategoryTree.vue
@@ -52,6 +52,3 @@ export default {
   }
 }
 </script>
-
-<style>
-</style>
diff --git a/src/views/post/components/PostSetting.vue b/src/views/post/components/PostSetting.vue
index ee1c3901..6261e121 100644
--- a/src/views/post/components/PostSetting.vue
+++ b/src/views/post/components/PostSetting.vue
@@ -401,5 +401,3 @@ export default {
   }
 }
 </script>
-<style lang="less">
-</style>
diff --git a/src/views/post/components/TagSelect.vue b/src/views/post/components/TagSelect.vue
index c960710b..9fd12330 100644
--- a/src/views/post/components/TagSelect.vue
+++ b/src/views/post/components/TagSelect.vue
@@ -105,6 +105,3 @@ export default {
   }
 }
 </script>
-
-<style>
-</style>
diff --git a/src/views/sheet/SheetEdit.vue b/src/views/sheet/SheetEdit.vue
index 32c62925..3a3cba8d 100644
--- a/src/views/sheet/SheetEdit.vue
+++ b/src/views/sheet/SheetEdit.vue
@@ -98,6 +98,23 @@ export default {
       }
     })
   },
+  destroyed: function() {
+    if (this.sheetSettingVisible) {
+      this.sheetSettingVisible = false
+    }
+    if (this.attachmentDrawerVisible) {
+      this.attachmentDrawerVisible = false
+    }
+  },
+  beforeRouteLeave(to, from, next) {
+    if (this.sheetSettingVisible) {
+      this.sheetSettingVisible = false
+    }
+    if (this.attachmentDrawerVisible) {
+      this.attachmentDrawerVisible = false
+    }
+    next()
+  },
   methods: {
     handleSaveDraft() {
       this.sheetToStage.status = 'DRAFT'
@@ -158,5 +175,3 @@ export default {
   }
 }
 </script>
-<style lang="less">
-</style>
diff --git a/src/views/sheet/SheetList.vue b/src/views/sheet/SheetList.vue
index b65e864c..cd466520 100644
--- a/src/views/sheet/SheetList.vue
+++ b/src/views/sheet/SheetList.vue
@@ -245,8 +245,8 @@
 
 <script>
 import { mixin, mixinDevice } from '@/utils/mixin.js'
-import SheetSetting from './components/SheetSetting'
 import { mapGetters } from 'vuex'
+import SheetSetting from './components/SheetSetting'
 import sheetApi from '@/api/sheet'
 import menuApi from '@/api/menu'
 
@@ -335,6 +335,17 @@ export default {
     this.loadSheets()
     this.loadInternalSheets()
   },
+  destroyed: function() {
+    if (this.sheetSettingVisible) {
+      this.sheetSettingVisible = false
+    }
+  },
+  beforeRouteLeave(to, from, next) {
+    if (this.sheetSettingVisible) {
+      this.sheetSettingVisible = false
+    }
+    next()
+  },
   methods: {
     loadSheets() {
       this.sheetsLoading = true
@@ -388,5 +399,3 @@ export default {
   }
 }
 </script>
-<style scoped>
-</style>
diff --git a/src/views/sheet/components/SheetSetting.vue b/src/views/sheet/components/SheetSetting.vue
index c51aed42..7d14c0bb 100644
--- a/src/views/sheet/components/SheetSetting.vue
+++ b/src/views/sheet/components/SheetSetting.vue
@@ -125,10 +125,6 @@ export default {
       customTpls: []
     }
   },
-  // model: {
-  //   prop: 'visible',
-  //   event: 'close'
-  // },
   props: {
     sheet: {
       type: Object,
@@ -250,5 +246,3 @@ export default {
   }
 }
 </script>
-<style lang="less">
-</style>
diff --git a/src/views/sheet/internal/LinkList.vue b/src/views/sheet/internal/LinkList.vue
index 48d73b3a..14a4657c 100644
--- a/src/views/sheet/internal/LinkList.vue
+++ b/src/views/sheet/internal/LinkList.vue
@@ -201,6 +201,3 @@ export default {
   }
 }
 </script>
-
-<style scoped>
-</style>
diff --git a/src/views/sheet/internal/PhotoList.vue b/src/views/sheet/internal/PhotoList.vue
index f50defd9..de455e3a 100644
--- a/src/views/sheet/internal/PhotoList.vue
+++ b/src/views/sheet/internal/PhotoList.vue
@@ -272,8 +272,8 @@
 </template>
 
 <script>
-import AttachmentSelectDrawer from '../../attachment/components/AttachmentSelectDrawer'
 import { mixin, mixinDevice } from '@/utils/mixin.js'
+import AttachmentSelectDrawer from '../../attachment/components/AttachmentSelectDrawer'
 import photoApi from '@/api/photo'
 
 export default {
diff --git a/src/views/system/About.vue b/src/views/system/About.vue
index d87f4a26..01e23ca3 100644
--- a/src/views/system/About.vue
+++ b/src/views/system/About.vue
@@ -312,5 +312,3 @@ UA 信息：${navigator.userAgent}`
   }
 }
 </script>
-<style lang="less">
-</style>
diff --git a/src/views/system/OptionForm.vue b/src/views/system/OptionForm.vue
index 410400a0..b0b49f20 100644
--- a/src/views/system/OptionForm.vue
+++ b/src/views/system/OptionForm.vue
@@ -749,6 +749,23 @@ export default {
   mounted() {
     this.loadFormOptions()
   },
+  destroyed: function() {
+    if (this.faviconDrawerVisible) {
+      this.faviconDrawerVisible = false
+    }
+    if (this.logoDrawerVisible) {
+      this.logoDrawerVisible = false
+    }
+  },
+  beforeRouteLeave(to, from, next) {
+    if (this.faviconDrawerVisible) {
+      this.faviconDrawerVisible = false
+    }
+    if (this.logoDrawerVisible) {
+      this.logoDrawerVisible = false
+    }
+    next()
+  },
   methods: {
     ...mapActions(['loadUser', 'loadOptions']),
     loadFormOptions() {
diff --git a/src/views/system/ToolList.vue b/src/views/system/ToolList.vue
index b6a91910..c5564641 100644
--- a/src/views/system/ToolList.vue
+++ b/src/views/system/ToolList.vue
@@ -73,6 +73,3 @@ export default {
   }
 }
 </script>
-
-<style scoped>
-</style>
diff --git a/src/views/user/Login.vue b/src/views/user/Login.vue
index 6b94726f..000d4952 100644
--- a/src/views/user/Login.vue
+++ b/src/views/user/Login.vue
@@ -148,7 +148,7 @@ export default {
   }
 }
 </script>
-<style lang="less">
+<style lang="less" scope>
 body {
   height: 100%;
   background-color: #f5f5f5;
diff --git a/vue.config.js b/vue.config.js
index 7d2d38dc..c2eb72a7 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,30 +1,14 @@
 const path = require('path')
 const webpack = require('webpack')
-// const GenerateAssetPlugin = require('generate-asset-webpack-plugin')
 
 function resolve(dir) {
   return path.join(__dirname, dir)
 }
-
-// var createServerConfig = function(compilation) {
-//   const configJson = {
-//     apiUrl: 'http://localhost:8090'
-//   }
-//   return JSON.stringify(configJson)
-// }
-
 // vue.config.js
 module.exports = {
   configureWebpack: {
     plugins: [
       new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)
-      // new GenerateAssetPlugin({
-      //   filename: 'config.json',
-      //   fn: (compilation, cb) => {
-      //     cb(null, createServerConfig(compilation))
-      //   },
-      //   extraFiles: []
-      // })
     ]
   },
 
@@ -58,13 +42,6 @@ module.exports = {
   css: {
     loaderOptions: {
       less: {
-        modifyVars: {
-          /*
-          'primary-color': '#F5222D',
-          'link-color': '#F5222D',
-          'border-radius-base': '4px',
-          */
-        },
         javascriptEnabled: true
       }
     }