'代码格式化'

src/components/BackToTop/index.vue

@@ -10,8 +10,9 @@
     </div>
   </transition>
 </template>
+
 <script>
-export default {
+  export default {
     name: 'BackToTop',
     props: {
       visibilityHeight: {
@@ -30,7 +31,7 @@ export default {
           width: '40px',
           height: '40px',
           'border-radius': '4px',
-        'line-height': '40px',
+          'line-height': '45px',
           background: '#e7eaf1'
         }
       },
@@ -38,7 +39,6 @@ export default {
         type: String,
         default: 'fade'
       }
-
     },
     data() {
       return {
@@ -78,34 +78,33 @@ export default {
         return -c / 2 * (--t * (t - 2) - 1) + b;
       }
     }
-}
+  }
 </script>
+
 <style scoped>
-.back-to-top {
+  .back-to-top {
     position: fixed;
     display: inline-block;
     text-align: center;
     cursor: pointer;
-}
+  }
 
-.back-to-top:hover {
+  .back-to-top:hover {
     background: #d5dbe7;
-}
+  }
 
-.fade-enter-active,
-.fade-leave-active {
+  .fade-enter-active,
+  .fade-leave-active {
     transition: opacity .5s;
-}
+  }
 
-.fade-enter,
-.fade-leave-to {
+  .fade-enter,
+  .fade-leave-to {
     opacity: 0
-}
+  }
 
-.back-to-top .Icon {
+  .back-to-top .Icon {
     fill: #9aaabf;
     background: none;
-}
+  }
 </style>
-
-

src/views/components/backToTop.vue

@@ -1,8 +1,7 @@
 <template>
   <div class="components-container">
     <code>页面滚动到指定位置会在右下角出现返回顶部按钮</code>
-    <code>可自定义按钮的样式、show/hide临界点、返回的位置
-    如需文字提示，可在外部使用Element的el-tooltip元素   </code>
+    <code>可自定义按钮的样式、show/hide临界点、返回的位置 如需文字提示，可在外部使用Element的el-tooltip元素 </code>
     <div>我是占位</div>
     <div>我是占位</div>
     <div>我是占位</div>
@@ -134,9 +133,10 @@
     </el-tooltip>
   </div>
 </template>
+
 <script>
-import BackToTop from 'components/BackToTop';
-export default {
+  import BackToTop from 'components/BackToTop';
+  export default {
     components: { BackToTop },
     data() {
       return {
@@ -146,13 +146,10 @@ export default {
           width: '40px',
           height: '40px',
           'border-radius': '4px',
-        'line-height': '40px', // 请保持与高度一致以垂直居中
+          'line-height': '45px', // 请保持与高度一致以垂直居中
           background: '#e7eaf1'// 按钮的背景颜色
         }
       }
     }
-}
-</script>
-<style scoped>
-
-</style>
+  }
+  </script>