优化代码

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 {
@@ -139,7 +144,7 @@ export default {
     .btn {
         margin-top: 1rem;
         width: 3.2rem;
-        height: 3.2rem; 
+        height: 3.2rem;
         background-color: @colorPrimary;
     }
 }
@@ -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 {
-    .content {
+    max-width: 30rem;
-        max-width: 30rem;
-    }
 }
 </style>

src/components/tools/OtherNewWindow.vue

@@ -70,26 +70,24 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.tool-elem {
+.content {
-    .content {
+    max-width: 40rem;
-        max-width: 40rem;
 
-        > div {
+    > div {
-            display: flex;
+        display: flex;
-            align-items: center;
+        align-items: center;
-            justify-content: flex-start;
+        justify-content: flex-start;
-            margin: 0.5rem 0;
+        margin: 0.5rem 0;
-        }
+    }
 
-        .label {
+    .label {
-            display: inline-block;
+        display: inline-block;
-            flex-shrink: 0;
+        flex-shrink: 0;
-            width: 5rem;
+        width: 5rem;
-        }
+    }
 
-        .el-input {
+    .el-input {
-            margin: 0 0.5rem;
+        margin: 0 0.5rem;
-        }
     }
 }
 </style>

src/components/tools/OtherRunJS.vue

@@ -93,7 +93,7 @@ export default {
                 window.eval(this.input.value);
 
             } catch (err) {
-                
+
                 let time = new Date();
 
                 output.id += 1;

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 {