xiaoe_mp_npm 1.0.21 → 1.0.22-store2

package/src/Task/TaskBubble/index.wxss

@@ -1,289 +1,289 @@
-.barrage-container {
-  color: #fff;
-  font-size: 2.66667vmin;
-}
-.barrage-container .barrage-wrap {
-  display: flex;
-}
-.barrage-container .barrage-wrap .barrage-item {
-  position: relative;
-  background: linear-gradient(270deg, #ff552b00 0%, #ff552bc7 21.42%, #ff8b25eb 46.71%, #FC0 100%);
-  height: 8.53333vmin;
-  font-size: 3.2vmin;
-  line-height: 8.53333vmin;
-  border-radius: 12.26667vmin;
-  transition: 0.3s;
-  transform: translateX(-66.66667vmin);
-}
-.barrage-container .barrage-wrap .barrage-item .barrage-content {
-  display: flex;
-  align-items: center;
-}
-.barrage-container .barrage-wrap .barrage-item .task-completion-icon {
-  width: 6.4vmin;
-  height: 6.4vmin;
-  border-radius: 50%;
-  margin-left: 1.33333vmin;
-  margin-right: 1.06667vmin;
-  flex-shrink: 0;
-}
-.barrage-container .barrage-wrap .barrage-item .task-type {
-  display: flex;
-  flex-direction: column;
-  margin-right: 1.06667vmin;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.barrage-container .barrage-wrap .barrage-item .task-type view {
-  width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.barrage-container .barrage-wrap .barrage-item .prize-icon {
-  width: 7.46667vmin;
-  height: 7.46667vmin;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin: 0 1.06667vmin;
-}
-.barrage-container .barrage-wrap .barrage-item .prize-num {
-  color: #FFF5CC;
-  font-weight: 500;
-  margin-right: 1.06667vmin;
-}
-.barrage-container .barrage-wrap .barrage-item .right-arrow-icon {
-  height: 5.33333vmin;
-  width: 5.33333vmin;
-  margin-right: 6.93333vmin;
-}
-.barrage-container .barrage-wrap .barrage-item.barrage-item-show {
-  animation: taskFadeInLeft 1.5s both;
-}
-.barrage-container .barrage-wrap .barrage-item.barrage-item-hide {
-  animation: taskFadeOut 1.5s both;
-}
-@keyframes taskFadeInLeft {
-  0% {
-    transform: translateX(-66.66667vmin);
-    opacity: 1;
-  }
-  100% {
-    transform: translateX(0);
-    opacity: 1;
-  }
-}
-@keyframes taskFadeOut {
-  0% {
-    transform: translateX(0);
-    opacity: 1;
-  }
-  100% {
-    transform: translateX(0);
-    opacity: 0;
-  }
-}
-@keyframes moveRight {
-  from {
-    transform: translateX(-100%);
-  }
-  to {
-    transform: translateX(0);
-  }
-}
-@media screen and (min-width: 768px) and (orientation: portrait) {
-  .barrage-container {
-    color: #fff;
-    font-size: 1.30208vmin;
-  }
-  .barrage-container .barrage-wrap {
-    display: flex;
-  }
-  .barrage-container .barrage-wrap .barrage-item {
-    position: relative;
-    background: linear-gradient(270deg, #ff552b00 0%, #ff552bc7 21.42%, #ff8b25eb 46.71%, #FC0 100%);
-    height: 4.16667vmin;
-    font-size: 1.5625vmin;
-    line-height: 4.16667vmin;
-    border-radius: 5.98958vmin;
-    transition: 0.3s;
-    transform: translateX(-32.55208vmin);
-  }
-  .barrage-container .barrage-wrap .barrage-item .barrage-content {
-    display: flex;
-    align-items: center;
-  }
-  .barrage-container .barrage-wrap .barrage-item .task-completion-icon {
-    width: 3.125vmin;
-    height: 3.125vmin;
-    border-radius: 50%;
-    margin-left: 0.65104vmin;
-    margin-right: 0.52083vmin;
-    flex-shrink: 0;
-  }
-  .barrage-container .barrage-wrap .barrage-item .task-type {
-    display: flex;
-    flex-direction: column;
-    margin-right: 0.52083vmin;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .barrage-container .barrage-wrap .barrage-item .task-type view {
-    width: 100%;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .barrage-container .barrage-wrap .barrage-item .prize-icon {
-    width: 3.64583vmin;
-    height: 3.64583vmin;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin: 0 0.52083vmin;
-  }
-  .barrage-container .barrage-wrap .barrage-item .prize-num {
-    color: #FFF5CC;
-    font-weight: 500;
-    margin-right: 0.52083vmin;
-  }
-  .barrage-container .barrage-wrap .barrage-item .right-arrow-icon {
-    height: 2.60417vmin;
-    width: 2.60417vmin;
-    margin-right: 3.38542vmin;
-  }
-  .barrage-container .barrage-wrap .barrage-item.barrage-item-show {
-    animation: taskFadeInLeft 1.5s both;
-  }
-  .barrage-container .barrage-wrap .barrage-item.barrage-item-hide {
-    animation: taskFadeOut 1.5s both;
-  }
-  @keyframes taskFadeInLeft {
-    0% {
-      transform: translateX(-32.55208vmin);
-      opacity: 1;
-    }
-    100% {
-      transform: translateX(0);
-      opacity: 1;
-    }
-  }
-  @keyframes taskFadeOut {
-    0% {
-      transform: translateX(0);
-      opacity: 1;
-    }
-    100% {
-      transform: translateX(0);
-      opacity: 0;
-    }
-  }
-  @keyframes moveRight {
-    from {
-      transform: translateX(-100%);
-    }
-    to {
-      transform: translateX(0);
-    }
-  }
-}
-@media screen and (min-height: 768px) and (orientation: landscape) {
-  .barrage-container {
-    color: #fff;
-    font-size: 1.30208vmin;
-  }
-  .barrage-container .barrage-wrap {
-    display: flex;
-  }
-  .barrage-container .barrage-wrap .barrage-item {
-    position: relative;
-    background: linear-gradient(270deg, #ff552b00 0%, #ff552bc7 21.42%, #ff8b25eb 46.71%, #FC0 100%);
-    height: 4.16667vmin;
-    font-size: 1.5625vmin;
-    line-height: 4.16667vmin;
-    border-radius: 5.98958vmin;
-    transition: 0.3s;
-    transform: translateX(-32.55208vmin);
-  }
-  .barrage-container .barrage-wrap .barrage-item .barrage-content {
-    display: flex;
-    align-items: center;
-  }
-  .barrage-container .barrage-wrap .barrage-item .task-completion-icon {
-    width: 3.125vmin;
-    height: 3.125vmin;
-    border-radius: 50%;
-    margin-left: 0.65104vmin;
-    margin-right: 0.52083vmin;
-    flex-shrink: 0;
-  }
-  .barrage-container .barrage-wrap .barrage-item .task-type {
-    display: flex;
-    flex-direction: column;
-    margin-right: 0.52083vmin;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .barrage-container .barrage-wrap .barrage-item .task-type view {
-    width: 100%;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .barrage-container .barrage-wrap .barrage-item .prize-icon {
-    width: 3.64583vmin;
-    height: 3.64583vmin;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin: 0 0.52083vmin;
-  }
-  .barrage-container .barrage-wrap .barrage-item .prize-num {
-    color: #FFF5CC;
-    font-weight: 500;
-    margin-right: 0.52083vmin;
-  }
-  .barrage-container .barrage-wrap .barrage-item .right-arrow-icon {
-    height: 2.60417vmin;
-    width: 2.60417vmin;
-    margin-right: 3.38542vmin;
-  }
-  .barrage-container .barrage-wrap .barrage-item.barrage-item-show {
-    animation: taskFadeInLeft 1.5s both;
-  }
-  .barrage-container .barrage-wrap .barrage-item.barrage-item-hide {
-    animation: taskFadeOut 1.5s both;
-  }
-  @keyframes taskFadeInLeft {
-    0% {
-      transform: translateX(-32.55208vmin);
-      opacity: 1;
-    }
-    100% {
-      transform: translateX(0);
-      opacity: 1;
-    }
-  }
-  @keyframes taskFadeOut {
-    0% {
-      transform: translateX(0);
-      opacity: 1;
-    }
-    100% {
-      transform: translateX(0);
-      opacity: 0;
-    }
-  }
-  @keyframes moveRight {
-    from {
-      transform: translateX(-100%);
-    }
-    to {
-      transform: translateX(0);
-    }
-  }
-}
+.barrage-container {
+  color: #fff;
+  font-size: 2.66667vmin;
+}
+.barrage-container .barrage-wrap {
+  display: flex;
+}
+.barrage-container .barrage-wrap .barrage-item {
+  position: relative;
+  background: linear-gradient(270deg, #ff552b00 0%, #ff552bc7 21.42%, #ff8b25eb 46.71%, #FC0 100%);
+  height: 8.53333vmin;
+  font-size: 3.2vmin;
+  line-height: 8.53333vmin;
+  border-radius: 12.26667vmin;
+  transition: 0.3s;
+  transform: translateX(-66.66667vmin);
+}
+.barrage-container .barrage-wrap .barrage-item .barrage-content {
+  display: flex;
+  align-items: center;
+}
+.barrage-container .barrage-wrap .barrage-item .task-completion-icon {
+  width: 6.4vmin;
+  height: 6.4vmin;
+  border-radius: 50%;
+  margin-left: 1.33333vmin;
+  margin-right: 1.06667vmin;
+  flex-shrink: 0;
+}
+.barrage-container .barrage-wrap .barrage-item .task-type {
+  display: flex;
+  flex-direction: column;
+  margin-right: 1.06667vmin;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.barrage-container .barrage-wrap .barrage-item .task-type view {
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.barrage-container .barrage-wrap .barrage-item .prize-icon {
+  width: 7.46667vmin;
+  height: 7.46667vmin;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 0 1.06667vmin;
+}
+.barrage-container .barrage-wrap .barrage-item .prize-num {
+  color: #FFF5CC;
+  font-weight: 500;
+  margin-right: 1.06667vmin;
+}
+.barrage-container .barrage-wrap .barrage-item .right-arrow-icon {
+  height: 5.33333vmin;
+  width: 5.33333vmin;
+  margin-right: 6.93333vmin;
+}
+.barrage-container .barrage-wrap .barrage-item.barrage-item-show {
+  animation: taskFadeInLeft 1.5s both;
+}
+.barrage-container .barrage-wrap .barrage-item.barrage-item-hide {
+  animation: taskFadeOut 1.5s both;
+}
+@keyframes taskFadeInLeft {
+  0% {
+    transform: translateX(-66.66667vmin);
+    opacity: 1;
+  }
+  100% {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+@keyframes taskFadeOut {
+  0% {
+    transform: translateX(0);
+    opacity: 1;
+  }
+  100% {
+    transform: translateX(0);
+    opacity: 0;
+  }
+}
+@keyframes moveRight {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  .barrage-container {
+    color: #fff;
+    font-size: 1.30208vmin;
+  }
+  .barrage-container .barrage-wrap {
+    display: flex;
+  }
+  .barrage-container .barrage-wrap .barrage-item {
+    position: relative;
+    background: linear-gradient(270deg, #ff552b00 0%, #ff552bc7 21.42%, #ff8b25eb 46.71%, #FC0 100%);
+    height: 4.16667vmin;
+    font-size: 1.5625vmin;
+    line-height: 4.16667vmin;
+    border-radius: 5.98958vmin;
+    transition: 0.3s;
+    transform: translateX(-32.55208vmin);
+  }
+  .barrage-container .barrage-wrap .barrage-item .barrage-content {
+    display: flex;
+    align-items: center;
+  }
+  .barrage-container .barrage-wrap .barrage-item .task-completion-icon {
+    width: 3.125vmin;
+    height: 3.125vmin;
+    border-radius: 50%;
+    margin-left: 0.65104vmin;
+    margin-right: 0.52083vmin;
+    flex-shrink: 0;
+  }
+  .barrage-container .barrage-wrap .barrage-item .task-type {
+    display: flex;
+    flex-direction: column;
+    margin-right: 0.52083vmin;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .barrage-container .barrage-wrap .barrage-item .task-type view {
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .barrage-container .barrage-wrap .barrage-item .prize-icon {
+    width: 3.64583vmin;
+    height: 3.64583vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: 0 0.52083vmin;
+  }
+  .barrage-container .barrage-wrap .barrage-item .prize-num {
+    color: #FFF5CC;
+    font-weight: 500;
+    margin-right: 0.52083vmin;
+  }
+  .barrage-container .barrage-wrap .barrage-item .right-arrow-icon {
+    height: 2.60417vmin;
+    width: 2.60417vmin;
+    margin-right: 3.38542vmin;
+  }
+  .barrage-container .barrage-wrap .barrage-item.barrage-item-show {
+    animation: taskFadeInLeft 1.5s both;
+  }
+  .barrage-container .barrage-wrap .barrage-item.barrage-item-hide {
+    animation: taskFadeOut 1.5s both;
+  }
+  @keyframes taskFadeInLeft {
+    0% {
+      transform: translateX(-32.55208vmin);
+      opacity: 1;
+    }
+    100% {
+      transform: translateX(0);
+      opacity: 1;
+    }
+  }
+  @keyframes taskFadeOut {
+    0% {
+      transform: translateX(0);
+      opacity: 1;
+    }
+    100% {
+      transform: translateX(0);
+      opacity: 0;
+    }
+  }
+  @keyframes moveRight {
+    from {
+      transform: translateX(-100%);
+    }
+    to {
+      transform: translateX(0);
+    }
+  }
+}
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  .barrage-container {
+    color: #fff;
+    font-size: 1.30208vmin;
+  }
+  .barrage-container .barrage-wrap {
+    display: flex;
+  }
+  .barrage-container .barrage-wrap .barrage-item {
+    position: relative;
+    background: linear-gradient(270deg, #ff552b00 0%, #ff552bc7 21.42%, #ff8b25eb 46.71%, #FC0 100%);
+    height: 4.16667vmin;
+    font-size: 1.5625vmin;
+    line-height: 4.16667vmin;
+    border-radius: 5.98958vmin;
+    transition: 0.3s;
+    transform: translateX(-32.55208vmin);
+  }
+  .barrage-container .barrage-wrap .barrage-item .barrage-content {
+    display: flex;
+    align-items: center;
+  }
+  .barrage-container .barrage-wrap .barrage-item .task-completion-icon {
+    width: 3.125vmin;
+    height: 3.125vmin;
+    border-radius: 50%;
+    margin-left: 0.65104vmin;
+    margin-right: 0.52083vmin;
+    flex-shrink: 0;
+  }
+  .barrage-container .barrage-wrap .barrage-item .task-type {
+    display: flex;
+    flex-direction: column;
+    margin-right: 0.52083vmin;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .barrage-container .barrage-wrap .barrage-item .task-type view {
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .barrage-container .barrage-wrap .barrage-item .prize-icon {
+    width: 3.64583vmin;
+    height: 3.64583vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: 0 0.52083vmin;
+  }
+  .barrage-container .barrage-wrap .barrage-item .prize-num {
+    color: #FFF5CC;
+    font-weight: 500;
+    margin-right: 0.52083vmin;
+  }
+  .barrage-container .barrage-wrap .barrage-item .right-arrow-icon {
+    height: 2.60417vmin;
+    width: 2.60417vmin;
+    margin-right: 3.38542vmin;
+  }
+  .barrage-container .barrage-wrap .barrage-item.barrage-item-show {
+    animation: taskFadeInLeft 1.5s both;
+  }
+  .barrage-container .barrage-wrap .barrage-item.barrage-item-hide {
+    animation: taskFadeOut 1.5s both;
+  }
+  @keyframes taskFadeInLeft {
+    0% {
+      transform: translateX(-32.55208vmin);
+      opacity: 1;
+    }
+    100% {
+      transform: translateX(0);
+      opacity: 1;
+    }
+  }
+  @keyframes taskFadeOut {
+    0% {
+      transform: translateX(0);
+      opacity: 1;
+    }
+    100% {
+      transform: translateX(0);
+      opacity: 0;
+    }
+  }
+  @keyframes moveRight {
+    from {
+      transform: translateX(-100%);
+    }
+    to {
+      transform: translateX(0);
+    }
+  }
+}