Browse Source

feat:修改团队

st 2 months ago
parent
commit
e57df6462e
1 changed files with 40 additions and 0 deletions
  1. 40 0
      src/pages/team/index.vue

+ 40 - 0
src/pages/team/index.vue

@@ -707,7 +707,38 @@ onShow(async () => {
 /* 样式穿透进度条 */
 .c-bg {
   :deep(.wd-progress__inner) {
+    position: relative;
+    overflow: hidden;
+    background: linear-gradient(90deg, #fff199 0%, #ffdc00 100%) !important;
     border-radius: 20px;
+
+    &::before {
+      position: absolute;
+      top: 0;
+      left: -100%;
+      width: 50%;
+      height: 100%;
+      content: '';
+      background: linear-gradient(
+        90deg,
+        transparent,
+        hsla(0, 100%, 50%, 0.5) 5%,
+        hsla(15, 100%, 50%, 0.5) 10%,
+        hsla(30, 100%, 50%, 0.5) 15%,
+        hsla(45, 100%, 50%, 0.5) 20%,
+        hsla(60, 100%, 50%, 0.5) 25%,
+        hsla(90, 100%, 50%, 0.5) 35%,
+        hsla(120, 100%, 50%, 0.5) 45%,
+        hsla(180, 100%, 50%, 0.5) 55%,
+        hsla(240, 100%, 50%, 0.5) 65%,
+        hsla(270, 100%, 50%, 0.5) 75%,
+        hsla(300, 100%, 50%, 0.5) 85%,
+        hsla(330, 100%, 50%, 0.5) 90%,
+        hsla(360, 100%, 50%, 0.5) 95%,
+        transparent
+      );
+      animation: flow 1.5s linear infinite;
+    }
   }
 
   :deep(.wd-progress__outer) {
@@ -716,6 +747,15 @@ onShow(async () => {
   }
 }
 
+@keyframes flow {
+  0% {
+    left: -50%;
+  }
+  100% {
+    left: 100%;
+  }
+}
+
 .b-hr {
   margin-top: 10px;
   border: 1px solid #636363;