渐进式加载背景图片

public/index.html

@@ -24,7 +24,7 @@
       left: 0;
     }
     .app-placeholder-img {
-      background-image: url(/img/bg.4c1d802d.jpg);
+      background-image: url(https://cdn.qmth.com.cn/ui/ecs-client-bg.jpg!/progressive/true);
       background-position: center;
       background-repeat: no-repeat;
       background-size: cover;

src/components/MainLayout/MainLayout.vue

@@ -178,7 +178,6 @@ export default {
 
 .nav {
   grid-area: nav;
-  /* background-image: url(../../features/Login/bg.jpg); */
   background-color: rgb(113, 113, 113);
   background-repeat: repeat;
   width: 180px;

src/features/Login/Login.vue

@@ -491,7 +491,7 @@ export default {
 }
 
 .center {
-  background-image: url("./bg.jpg");
+  background-image: url("https://cdn.qmth.com.cn/ui/ecs-client-bg.jpg!/progressive/true");
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;