pref: 优化 演示功能入口 跳转loading

src/pages/bootpage/demonstration/index.js

@@ -330,7 +330,7 @@ const Demonstration = props => {
     <div className={classNames(styles.demonstration)} ref={ref}>
       {jumpLoading ? (
         <div className={styles.demonstrationLoad}>
-          <Spin />
+          <div className={styles.jumpLoader} />
         </div>
       ) : null}
       {showFullScreen ? (

src/pages/bootpage/demonstration/index.less

@@ -25,7 +25,7 @@
     top: 0;
     left: 0;
     z-index: 1080;
-    background-color: rgba(255, 255, 255, 0.8);
+    background-color: rgba(0, 0, 0, 0.4);
 
   }
 
@@ -331,4 +331,47 @@
     box-shadow: 30px 0 0 #fff;
     margin-top: 0;
   }
+}
+
+.jumpLoader {
+  width: 8px;
+  height: 40px;
+  border-radius: 4px;
+  display: block;
+  margin: 20px auto;
+  position: relative;
+  background: currentColor;
+  color: #1685FF;
+  box-sizing: border-box;
+  animation: animloader 0.3s 0.3s linear infinite alternate;
+}
+
+.jumpLoader::after,
+.jumpLoader::before {
+  content: '';
+  width: 8px;
+  height: 40px;
+  border-radius: 4px;
+  background: currentColor;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  left: 20px;
+  box-sizing: border-box;
+  animation: animloader 0.3s 0.45s linear infinite alternate;
+}
+
+.jumpLoader::before {
+  left: -20px;
+  animation-delay: 0s;
+}
+
+@keyframes animloader {
+  0% {
+    height: 48px
+  }
+
+  100% {
+    height: 4px
+  }
 }
\ No newline at end of file