浏览代码

fix: 移动端发光小球ios兼容性处理

cuiyalong 3 年之前
父节点
当前提交
dd1fcfeeb3

二进制
src/web/staticres/common-module/active/2022.5.20/blink-point.png


+ 11 - 5
src/web/staticres/common-module/active/2022.5.20/task.css

@@ -76,7 +76,7 @@
   opacity: 0.6;
 }
 .mission-list-item.complete {
-  background-image: url(/common-module/activity/2022.5.20/bubble-1@2x.png);
+  background-image: url(/common-module/active/2022.5.20/bubble-1@2x.png);
 }
 .m-list-item-bg .num {
   display: flex;
@@ -150,9 +150,6 @@
   transition: all 0.8s cubic-bezier(0.15, 0.85, 1, 1);
 }
 .blink-point {
-  display: flex;
-  align-items: center;
-  justify-content: center;
   position: absolute;
   top: 50%;
   right: 0;
@@ -164,6 +161,15 @@
   filter: blur(8px) drop-shadow(0 0 2px rgba(255, 255, 255, 0.8)) drop-shadow(0 0 8px rgba(255, 255, 255, 0.9)) drop-shadow(0 0 16px rgba(255, 255, 255, 1));
   z-index: 3;
 }
+.blink-point {
+  width: 0.88rem;
+  height: 0.88rem;
+  transform: translate(26%,-50%);
+  background-color: transparent;
+  background-image: url(/common-module/active/2022.5.20/blink-point.png);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
 .anchor {
   display: flex;
   flex-direction: column;
@@ -542,6 +548,6 @@
     transform: translate(0, 0);
   }
   to {
-    transform: translate(4px, 10px);
+    transform: translate(0, 10px);
   }
 }

+ 1 - 1
src/web/staticres/frontRouter/pc/activity/css/task.css

@@ -544,6 +544,6 @@
     transform: translate(0, 0);
   }
   to {
-    transform: translate(4px, 10px);
+    transform: translate(0, 10px);
   }
 }