xiaoe_mp_npm 1.1.21 → 1.1.22-test02

package/src/Task/TaskPopup/component/TaskItem/index.json

@@ -1,10 +1,10 @@
-{
-  "component": true,
-  "usingComponents": {
-    "member-integral-multiplier-bar": "/subpkg/MemberIntegralMultiplierBar/index",
-    "instant-withdraw": "/subpkg/npm-compoent/miniprogram_npm/live_mp_mkt/RedPacket/components/instantWithdraw/index"
-  },
-  "componentPlaceholder": {
-    "member-integral-multiplier-bar": "view"
-  }
-}
+{
+  "component": true,
+  "usingComponents": {
+    "member-integral-multiplier-bar": "/subpkg/MemberIntegralMultiplierBar/index",
+    "instant-withdraw": "/subpkg/npm-compoent/miniprogram_npm/live_mp_mkt/RedPacket/components/instantWithdraw/index"
+  },
+  "componentPlaceholder": {
+    "member-integral-multiplier-bar": "view"
+  }
+}

package/src/Task/TaskPopup/component/TaskItem/index.scss

@@ -1,245 +1,245 @@
-$deviceWidth: 750;
-
-@function vmin($rpx) {
-  @return #{$rpx * 100 / $deviceWidth}vmin;
-}
-
-@mixin item-box {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding-left: vmin(24);
-  padding-right: vmin(24);
-  height: auto;
-  background: #ffffff;
-
-  &.line-class {
-    position: relative;
-    &::after {
-      position: absolute;
-      box-sizing: border-box;
-      content: ' ';
-      pointer-events: none;
-      right: vmin(32);
-      bottom: 0;
-      left: vmin(32);
-      border-bottom: 1px solid #ebedf0;
-      -webkit-transform: scaleY(0.5);
-      transform: scaleY(0.5);
-    }
-  }
-  &.bg-change {
-    background: linear-gradient(180deg, #fff3eb 0%, #fff 100%);
-  }
-  &.radius {
-    border-radius: vmin(16);
-  }
-  &.mb {
-    margin-bottom: vmin(24);
-  }
-  &.itemBoxPadding {
-    padding-top: vmin(24);
-  }
-
-  .wrapper {
-    display: flex;
-    height: auto;
-    flex: 1;
-  }
-
-  .order-container {
-    display: flex;
-    align-items: center;
-    flex-direction: column;
-    height: auto;
-    position: relative;
-    flex: 0 0 auto;
-  }
-
-  .circle-wrap-box {
-    position: relative;
-  }
-
-  .circle-wrap {
-    width: vmin(40);
-    height: vmin(40);
-    display: flex;
-    align-items: center;
-    image {
-      width: vmin(40);
-      height: vmin(40);
-    }
-  }
-
-  .line-wrap {
-    width: vmin(4);
-    height: calc(100% - #{vmin(40)});
-    background-color: #e5e5e5;
-    position: absolute;
-    top: vmin(40);
-    left: 50%;
-    transform: translateX(-50%);
-    z-index: 1;
-  }
-
-  .line-bg {
-    background-color: #ff5429;
-  }
-
-  .task-desc-box {
-    display: flex;
-
-    .task-desc-content {
-      flex: 1;
-      align-self: flex-end;
-    }
-
-    .task-desc-btn {
-      flex-shrink: 0;
-      align-self: flex-end;
-      margin-left: vmin(8);
-    }
-  }
-
-  .left {
-    flex: 1;
-    margin-bottom: vmin(64);
-
-    .first {
-      line-height: vmin(40);
-      display: flex;
-      align-items: center;
-      .title {
-        font-size: vmin(28);
-        font-weight: 500;
-        color: #333333;
-        word-wrap: break-word;
-        word-break: break-all;
-        max-width: vmin(290);
-      }
-      .reward {
-        margin-left: vmin(16);
-        color: #ff5429;
-        font-size: vmin(24);
-        display: flex;
-        align-items: center;
-        .reward-img {
-          width: vmin(24);
-          height: vmin(24);
-        }
-        .reward-text {
-          margin-left: vmin(8);
-          word-wrap: break-word;
-          word-break: break-all;
-        }
-      }
-    }
-
-    .time {
-      margin-top: vmin(8);
-      font-size: vmin(24);
-      color: #999999;
-      line-height: vmin(32);
-    }
-
-    .task-tip {
-      margin-top: vmin(8);
-      font-size: vmin(24);
-      color: #ff5429;
-      font-family: 'PingFang SC';
-      line-height: vmin(32);
-      align-items: center;
-      .warning-text {
-      }
-      .finish-text {
-        display: inline-block;
-        color: #999999;
-      }
-      .show-answer {
-        display: inline-flex;
-        align-items: center;
-        margin-left: vmin(20);
-        font-style: normal;
-        font-weight: 400;
-        line-height: vmin(32);
-        .analysis-icon {
-          width: vmin(24);
-          height: vmin(24);
-          margin-left: -vmin(4);
-        }
-      }
-    }
-  }
-  .un-bottom {
-    margin-bottom: 0 !important;
-  }
-
-  .btn-wrapper {
-    height: auto;
-    //margin-bottom: vmin(64);
-    display: flex;
-    align-items: center;
-  }
-
-  .btn {
-    // padding: 0.12rem 0.36rem;
-    width: vmin(144);
-    height: vmin(56);
-    background: linear-gradient(270deg, #ff9720 0%, #ff4040 100%);
-    border-radius: vmin(72);
-    color: #ffffff;
-    font-weight: 500;
-    font-size: vmin(24);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    line-height: vmin(32);
-
-    &.reward-btn {
-      border: vmin(1) solid #1472ff;
-      background: #fff;
-      color: #1472ff;
-    }
-
-    &.gray-btn {
-      background: #f5f5f5;
-      color: #b2b2b2;
-    }
-    &.orange-btn {
-      color: #ffffff;
-      opacity: 0.4;
-      background: #ff5429;
-    }
-  }
-}
-
-.item-box {
-  @include item-box;
-}
-
-// 竖屏pad
-@media screen and (min-width: 768px) and (orientation: portrait) {
-  $deviceWidth: 1536 !global;
-
-  .item-box {
-    @include item-box;
-  }
-}
-
-// PC 放大适配
-@media screen and (min-height: 630px) and (orientation: landscape) {
-  $deviceWidth: 1260 !global;
-
-  .item-box {
-    @include item-box;
-  }
-}
-
-// 横屏pad
-@media screen and (min-height: 768px) and (orientation: landscape) {
-  $deviceWidth: 1536 !global;
-
-  .item-box {
-    @include item-box;
-  }
-}
+$deviceWidth: 750;
+
+@function vmin($rpx) {
+  @return #{$rpx * 100 / $deviceWidth}vmin;
+}
+
+@mixin item-box {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-left: vmin(24);
+  padding-right: vmin(24);
+  height: auto;
+  background: #ffffff;
+
+  &.line-class {
+    position: relative;
+    &::after {
+      position: absolute;
+      box-sizing: border-box;
+      content: ' ';
+      pointer-events: none;
+      right: vmin(32);
+      bottom: 0;
+      left: vmin(32);
+      border-bottom: 1px solid #ebedf0;
+      -webkit-transform: scaleY(0.5);
+      transform: scaleY(0.5);
+    }
+  }
+  &.bg-change {
+    background: linear-gradient(180deg, #fff3eb 0%, #fff 100%);
+  }
+  &.radius {
+    border-radius: vmin(16);
+  }
+  &.mb {
+    margin-bottom: vmin(24);
+  }
+  &.itemBoxPadding {
+    padding-top: vmin(24);
+  }
+
+  .wrapper {
+    display: flex;
+    height: auto;
+    flex: 1;
+  }
+
+  .order-container {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    height: auto;
+    position: relative;
+    flex: 0 0 auto;
+  }
+
+  .circle-wrap-box {
+    position: relative;
+  }
+
+  .circle-wrap {
+    width: vmin(40);
+    height: vmin(40);
+    display: flex;
+    align-items: center;
+    image {
+      width: vmin(40);
+      height: vmin(40);
+    }
+  }
+
+  .line-wrap {
+    width: vmin(4);
+    height: calc(100% - #{vmin(40)});
+    background-color: #e5e5e5;
+    position: absolute;
+    top: vmin(40);
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 1;
+  }
+
+  .line-bg {
+    background-color: #ff5429;
+  }
+
+  .task-desc-box {
+    display: flex;
+
+    .task-desc-content {
+      flex: 1;
+      align-self: flex-end;
+    }
+
+    .task-desc-btn {
+      flex-shrink: 0;
+      align-self: flex-end;
+      margin-left: vmin(8);
+    }
+  }
+
+  .left {
+    flex: 1;
+    margin-bottom: vmin(64);
+
+    .first {
+      line-height: vmin(40);
+      display: flex;
+      align-items: center;
+      .title {
+        font-size: vmin(28);
+        font-weight: 500;
+        color: #333333;
+        word-wrap: break-word;
+        word-break: break-all;
+        max-width: vmin(290);
+      }
+      .reward {
+        margin-left: vmin(16);
+        color: #ff5429;
+        font-size: vmin(24);
+        display: flex;
+        align-items: center;
+        .reward-img {
+          width: vmin(24);
+          height: vmin(24);
+        }
+        .reward-text {
+          margin-left: vmin(8);
+          word-wrap: break-word;
+          word-break: break-all;
+        }
+      }
+    }
+
+    .time {
+      margin-top: vmin(8);
+      font-size: vmin(24);
+      color: #999999;
+      line-height: vmin(32);
+    }
+
+    .task-tip {
+      margin-top: vmin(8);
+      font-size: vmin(24);
+      color: #ff5429;
+      font-family: 'PingFang SC';
+      line-height: vmin(32);
+      align-items: center;
+      .warning-text {
+      }
+      .finish-text {
+        display: inline-block;
+        color: #999999;
+      }
+      .show-answer {
+        display: inline-flex;
+        align-items: center;
+        margin-left: vmin(20);
+        font-style: normal;
+        font-weight: 400;
+        line-height: vmin(32);
+        .analysis-icon {
+          width: vmin(24);
+          height: vmin(24);
+          margin-left: -vmin(4);
+        }
+      }
+    }
+  }
+  .un-bottom {
+    margin-bottom: 0 !important;
+  }
+
+  .btn-wrapper {
+    height: auto;
+    //margin-bottom: vmin(64);
+    display: flex;
+    align-items: center;
+  }
+
+  .btn {
+    // padding: 0.12rem 0.36rem;
+    width: vmin(144);
+    height: vmin(56);
+    background: linear-gradient(270deg, #ff9720 0%, #ff4040 100%);
+    border-radius: vmin(72);
+    color: #ffffff;
+    font-weight: 500;
+    font-size: vmin(24);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    line-height: vmin(32);
+
+    &.reward-btn {
+      border: vmin(1) solid #1472ff;
+      background: #fff;
+      color: #1472ff;
+    }
+
+    &.gray-btn {
+      background: #f5f5f5;
+      color: #b2b2b2;
+    }
+    &.orange-btn {
+      color: #ffffff;
+      opacity: 0.4;
+      background: #ff5429;
+    }
+  }
+}
+
+.item-box {
+  @include item-box;
+}
+
+// 竖屏pad
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  $deviceWidth: 1536 !global;
+
+  .item-box {
+    @include item-box;
+  }
+}
+
+// PC 放大适配
+@media screen and (min-height: 630px) and (orientation: landscape) {
+  $deviceWidth: 1260 !global;
+
+  .item-box {
+    @include item-box;
+  }
+}
+
+// 横屏pad
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  $deviceWidth: 1536 !global;
+
+  .item-box {
+    @include item-box;
+  }
+}