优化代码

src/components/FloatingBtn.vue

@@ -114,6 +114,11 @@ export default {
         font-size: 1rem;
         color: #FFF;
     }
+
+    @media screen and (max-width: 400px) {
+        right: 1.5rem;
+        bottom: 1.5rem;
+    }
 }
 
 .btns-inner {
@@ -207,12 +212,3 @@ export default {
     }
 }
 </style>
-
-<style lang="less" scoped>
-@media screen and (max-width: 400px) {
-    .floating-btn {
-        right: 1.5rem;
-        bottom: 1.5rem;
-    }
-}
-</style>

src/components/tools/GenRandomStr.vue

@@ -158,9 +158,7 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.tool-elem {
 .content {
     max-width: 30rem;
 }
-}
 </style>

src/components/tools/OtherNewWindow.vue

@@ -70,7 +70,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.tool-elem {
 .content {
     max-width: 40rem;
 
@@ -91,5 +90,4 @@ export default {
         margin: 0 0.5rem;
     }
 }
-}
 </style>

src/views/Home.vue

@@ -38,7 +38,7 @@
 
         <!-- 内容 -->
         <el-main class="home-content">
-            <div class="wrapper">
+            <div class="wrapper" @contextmenu.prevent>
 
                 <!-- 搜索引擎 -->
                 <div v-show="show.searchEngine" class="search-engine">

src/views/Tools.vue

@@ -179,7 +179,7 @@ export default {
 
     .category {
         display: flex;
-        align-items: top;
+        align-items: flex-start;
         flex-wrap: wrap;
         justify-content: flex-start;
         position: relative;

src/views/ToolsDetail.vue

@@ -56,7 +56,7 @@ export default {
 <style lang="less" scoped>
 .tools-detail {
     display: flex;
-    align-items: top;
+    align-items: flex-start;
     justify-content: center;
 
     /deep/ .tool-elem {