'代码格式化'

src/components/BackToTop/index.vue

@@ -10,6 +10,7 @@
     </div>
   </transition>
 </template>
+
 <script>
   export default {
     name: 'BackToTop',
@@ -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 {
@@ -80,6 +80,7 @@ export default {
     }
   }
 </script>
+
 <style scoped>
   .back-to-top {
     position: fixed;
@@ -107,5 +108,3 @@ export default {
     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,6 +133,7 @@
     </el-tooltip>
   </div>
 </template>
+
 <script>
   import BackToTop from 'components/BackToTop';
   export default {
@@ -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>