修改首页

src/pages/index/index.vue

@@ -128,9 +128,7 @@
         ></image>
         <text class="text-18rpx font-400 text-white">
           {{ gamePlayTime }}(+{{
-            playData.temporaryRate
-              ? (playData.temporaryRate ? playData.temporaryRate / 100 : 0).toFixed(2)
-              : 0
+            playData ? (playData.temporaryRate ? playData.temporaryRate / 100 : 0).toFixed(2) : 0
           }}/s)
         </text>
       </view>
@@ -555,18 +553,18 @@ const addStarsGradually = () => {
 
 .custrom-bg {
   :deep(.wd-progress__inner) {
-    border-radius: 20px;
-    background: linear-gradient(90deg, #fff199 0%, #ffdc00 100%) !important;
     position: relative;
     overflow: hidden;
+    background: linear-gradient(90deg, #fff199 0%, #ffdc00 100%) !important;
+    border-radius: 20px;
 
     &::before {
-      content: '';
       position: absolute;
       top: 0;
       left: -100%;
       width: 50%;
       height: 100%;
+      content: '';
       background: linear-gradient(
         90deg,
         transparent,
@@ -615,10 +613,10 @@ const addStarsGradually = () => {
   --delay: 0s;
   --rotate: 0deg;
   --scale: 1;
+  filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.7));
   animation:
     star-appear 0.5s ease-out forwards,
     star-fall var(--duration) linear infinite var(--delay);
-  filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.7));
 }
 
 @keyframes star-appear {
@@ -645,9 +643,9 @@ const addStarsGradually = () => {
       scale(var(--scale));
   }
   100% {
+    opacity: 0;
     transform: translateZ(100px) translateX(-200px) translateY(500px) rotate(var(--rotate))
       scale(var(--scale));
-    opacity: 0;
   }
 }