1、尝试修改滚动条默认样式；2、删除数据库备份；

Author: SunQQQ

app.js

@@ -18,7 +18,8 @@
     "vue-canvas-nest": "^2.0.0",
     "vue-particles": "^1.0.9",
     "vue-router": "^3.0.1",
-    "vuex": "^3.0.1"
+    "vuex": "^3.0.1",
+    "yarn": "^1.22.10"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^3.0.3",

package.json

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div class="my-scrollbar">
         <TopBar></TopBar>
         <router-view></router-view>
         <Footer></Footer>
@@ -29,3 +29,33 @@
     }
   }
 </script>
+
+<style scoped lang="less">
+.my-scrollbar::-webkit-scrollbar {/*滚动条整体样式*/
+
+  width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
+
+  height: 1px;
+
+}
+
+.my-scrollbar::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
+
+  border-radius: 10px;
+
+  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+
+  background: #535353;
+
+}
+
+.my-scrollbar::-webkit-scrollbar-track {/*滚动条里面轨道*/
+
+  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+
+  border-radius: 10px;
+
+  background: #EDEDED;
+
+}
+</style>

src/App.vue

@@ -154,17 +154,17 @@
             }
           },
           Success:function (data) {
+            // 将有order标记的数据，按order顺序排在前面
             for(let i=0;i<data.length;i++){
               if(data[i].order){
                 mvpUrl[data[i].order] = data[i];//根据数据order字段组成一个数组
                 data.splice(i,1);
               }
             }
-
             newArray = mvpUrl.concat(data);    //得到一个将有标记的值提前了的数组
 
-           That.FriendUrlPlaceholder = false;
-           That.FriendsUrlList = newArray;
+            That.FriendUrlPlaceholder = false;
+            That.FriendsUrlList = newArray;
           }
         });
       },

src/components/MainPage/FriendUrl.vue

@@ -72,7 +72,7 @@
                 </div>
                 <div class="Content">
                   <div class="GitName">孙权的Github</div>
-                  <a class="BlueButton" href="https://github.com/SunQQQ" target="_blank">Follow Me</a>
+                  <a class="BlueButton" href="https://github.com/SunQQQ" target="_blank">博客源码</a>
                   <div class="BlogStatistic">
                     <div class="BlogStatisticItem">
                       <div class="BlogStatisticItemNum">8</div>