xiaoe_mp_npm 1.1.21 → 1.1.22-test02

package/src/ShoppingCartBubble/index.wxss

@@ -1 +1 @@
-.shopping-cart-bubble{position:absolute;left:2.93333vmin;width:auto;opacity:1;transform:translateY(-7.46667vmin)}.shopping-cart-bubble .shopping-cart-bubble-info{display:flex;align-items:center;justify-content:center;font-size:3.73333vmin;color:#fff;font-weight:700;background:rgba(0,0,0,0.6);border-radius:6.66667vmin;padding:.53333vmin 2.13333vmin}.shopping-cart-bubble .goods-info-num{color:#FCC600}@media screen and (min-width: 768px) and (orientation: portrait){.shopping-cart-bubble{position:absolute;left:1.43229vmin;width:auto;opacity:1;transform:translateY(-3.64583vmin)}.shopping-cart-bubble .shopping-cart-bubble-info{display:flex;align-items:center;justify-content:center;font-size:1.82292vmin;color:#fff;font-weight:700;background:rgba(0,0,0,0.6);border-radius:3.25521vmin;padding:.26042vmin 1.04167vmin}.shopping-cart-bubble .goods-info-num{color:#FCC600}}@media screen and (min-height: 630px) and (orientation: landscape){.shopping-cart-bubble{position:absolute;left:1.74603vmin;width:auto;opacity:1;transform:translateY(-4.44444vmin)}.shopping-cart-bubble .shopping-cart-bubble-info{display:flex;align-items:center;justify-content:center;font-size:2.22222vmin;color:#fff;font-weight:700;background:rgba(0,0,0,0.6);border-radius:3.96825vmin;padding:.31746vmin 1.26984vmin}.shopping-cart-bubble .goods-info-num{color:#FCC600}}@media screen and (min-height: 768px) and (orientation: landscape){.shopping-cart-bubble{position:absolute;left:1.43229vmin;width:auto;opacity:1;transform:translateY(-3.64583vmin)}.shopping-cart-bubble .shopping-cart-bubble-info{display:flex;align-items:center;justify-content:center;font-size:1.82292vmin;color:#fff;font-weight:700;background:rgba(0,0,0,0.6);border-radius:3.25521vmin;padding:.26042vmin 1.04167vmin}.shopping-cart-bubble .goods-info-num{color:#FCC600}}
+.shopping-cart-bubble{position:absolute;left:3.46667vmin;top:-3.46667vmin;width:auto;opacity:1;transform:translateY(-7.46667vmin);height:8.53333vmin;color:#fff;border-radius:2.13333vmin;font-size:3.46667vmin;white-space:nowrap;display:flex;align-items:center}.shopping-cart-bubble .shopping-cart-bubble-info{box-sizing:border-box;display:flex;align-items:center;height:100%;padding:.53333vmin .53333vmin;background:rgba(0,0,0,0.4);border-radius:2.13333vmin;line-height:4.53333vmin}.shopping-cart-bubble .shopping-cart-bubble-info image{width:7.46667vmin;height:7.46667vmin}.shopping-cart-bubble .shopping-cart-bubble-info view{max-width:26.66667vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopping-cart-bubble .shopping-cart-bubble-info .nickname{margin-left:1.06667vmin}.shopping-cart-bubble .shopping-cart-bubble-info .desc{white-space:nowrap;margin:0 1.06667vmin}.shopping-cart-bubble .shopping-cart-bubble-info .color-orange{white-space:nowrap;color:#FFD500}.shopping-cart-bubble .shopping-cart-bubble-info .color-white{color:#FFFFFF}.shopping-cart-bubble .shopping-cart-bubble-info .arrow-img{width:4.26667vmin;height:4.26667vmin}.shopping-cart-bubble .special-background{background-color:transparent;background:linear-gradient(270deg, #ff740266 0%, #ff410266 100%);background-size:100% auto;background-repeat:no-repeat;background-position:left center}@media screen and (min-width: 768px) and (orientation: portrait){.shopping-cart-bubble{position:absolute;left:1.69271vmin;top:-1.69271vmin;width:auto;opacity:1;transform:translateY(-3.64583vmin);height:4.16667vmin;color:#fff;border-radius:1.04167vmin;font-size:1.69271vmin;white-space:nowrap;display:flex;align-items:center}.shopping-cart-bubble .shopping-cart-bubble-info{box-sizing:border-box;display:flex;align-items:center;height:100%;padding:.26042vmin .26042vmin;background:rgba(0,0,0,0.4);border-radius:1.04167vmin;line-height:2.21354vmin}.shopping-cart-bubble .shopping-cart-bubble-info image{width:3.64583vmin;height:3.64583vmin}.shopping-cart-bubble .shopping-cart-bubble-info view{max-width:13.02083vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopping-cart-bubble .shopping-cart-bubble-info .nickname{margin-left:.52083vmin}.shopping-cart-bubble .shopping-cart-bubble-info .desc{white-space:nowrap;margin:0 .52083vmin}.shopping-cart-bubble .shopping-cart-bubble-info .color-orange{white-space:nowrap;color:#FFD500}.shopping-cart-bubble .shopping-cart-bubble-info .color-white{color:#FFFFFF}.shopping-cart-bubble .shopping-cart-bubble-info .arrow-img{width:2.08333vmin;height:2.08333vmin}.shopping-cart-bubble .special-background{background-color:transparent;background:linear-gradient(270deg, #ff740266 0%, #ff410266 100%);background-size:100% auto;background-repeat:no-repeat;background-position:left center}}@media screen and (min-height: 630px) and (orientation: landscape){.shopping-cart-bubble{position:absolute;left:2.06349vmin;top:-2.06349vmin;width:auto;opacity:1;transform:translateY(-4.44444vmin);height:5.07937vmin;color:#fff;border-radius:1.26984vmin;font-size:2.06349vmin;white-space:nowrap;display:flex;align-items:center}.shopping-cart-bubble .shopping-cart-bubble-info{box-sizing:border-box;display:flex;align-items:center;height:100%;padding:.31746vmin .31746vmin;background:rgba(0,0,0,0.4);border-radius:1.26984vmin;line-height:2.69841vmin}.shopping-cart-bubble .shopping-cart-bubble-info image{width:4.44444vmin;height:4.44444vmin}.shopping-cart-bubble .shopping-cart-bubble-info view{max-width:15.87302vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopping-cart-bubble .shopping-cart-bubble-info .nickname{margin-left:.63492vmin}.shopping-cart-bubble .shopping-cart-bubble-info .desc{white-space:nowrap;margin:0 .63492vmin}.shopping-cart-bubble .shopping-cart-bubble-info .color-orange{white-space:nowrap;color:#FFD500}.shopping-cart-bubble .shopping-cart-bubble-info .color-white{color:#FFFFFF}.shopping-cart-bubble .shopping-cart-bubble-info .arrow-img{width:2.53968vmin;height:2.53968vmin}.shopping-cart-bubble .special-background{background-color:transparent;background:linear-gradient(270deg, #ff740266 0%, #ff410266 100%);background-size:100% auto;background-repeat:no-repeat;background-position:left center}}@media screen and (min-height: 768px) and (orientation: landscape){.shopping-cart-bubble{position:absolute;left:1.69271vmin;top:-1.69271vmin;width:auto;opacity:1;transform:translateY(-3.64583vmin);height:4.16667vmin;color:#fff;border-radius:1.04167vmin;font-size:1.69271vmin;white-space:nowrap;display:flex;align-items:center}.shopping-cart-bubble .shopping-cart-bubble-info{box-sizing:border-box;display:flex;align-items:center;height:100%;padding:.26042vmin .26042vmin;background:rgba(0,0,0,0.4);border-radius:1.04167vmin;line-height:2.21354vmin}.shopping-cart-bubble .shopping-cart-bubble-info image{width:3.64583vmin;height:3.64583vmin}.shopping-cart-bubble .shopping-cart-bubble-info view{max-width:13.02083vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopping-cart-bubble .shopping-cart-bubble-info .nickname{margin-left:.52083vmin}.shopping-cart-bubble .shopping-cart-bubble-info .desc{white-space:nowrap;margin:0 .52083vmin}.shopping-cart-bubble .shopping-cart-bubble-info .color-orange{white-space:nowrap;color:#FFD500}.shopping-cart-bubble .shopping-cart-bubble-info .color-white{color:#FFFFFF}.shopping-cart-bubble .shopping-cart-bubble-info .arrow-img{width:2.08333vmin;height:2.08333vmin}.shopping-cart-bubble .special-background{background-color:transparent;background:linear-gradient(270deg, #ff740266 0%, #ff410266 100%);background-size:100% auto;background-repeat:no-repeat;background-position:left center}}

package/src/Task/TaskBubble/index.json

@@ -1,4 +1,4 @@
-{
-  "component": true,
-  "usingComponents": {}
+{
+  "component": true,
+  "usingComponents": {}
 }

package/src/Task/TaskBubble/index.scss

@@ -1,125 +1,125 @@
-@function vmin($rpx) {
-  @return #{$rpx * 100 / $deviceWidth}vmin;
-}
-
-$deviceWidth: 750;
-
-@mixin barrage-container {
-  color: #fff;
-  font-size: vmin(20);
-  .barrage-wrap {
-    display: flex;
-    .barrage-item {
-      position: relative;
-      background: linear-gradient(270deg, #ff552b00 0%, #ff552bc7 21.42%, #ff8b25eb 46.71%, #FC0 100%);
-      height: vmin(64);
-      font-size: vmin(24);
-      line-height: vmin(64);
-      border-radius: vmin(92);
-      transition: 0.3s;
-      transform: translateX(vmin(-500));
-
-      .barrage-content {
-        display: flex;
-        align-items: center;
-      }
-
-      .task-completion-icon {
-        width: vmin(48);
-        height: vmin(48);
-        border-radius: 50%;
-        margin-left: vmin(10);
-        margin-right: vmin(8);
-        flex-shrink: 0;
-      }
-      .task-type {
-        display: flex;
-        flex-direction: column;
-        margin-right: vmin(8);
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        view {
-          width: 100%;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
-        }
-      }
-      .prize-icon {
-        width: vmin(56);
-        height: vmin(56);
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        margin: 0 vmin(8);
-      }
-      .prize-num {
-        color: #FFF5CC;
-        font-weight: 500;
-        margin-right: vmin(8);
-      }
-      .right-arrow-icon{
-        height: vmin(40);
-        width: vmin(40);
-        margin-right: vmin(52);
-      }
-      &.barrage-item-show {
-        animation: taskFadeInLeft 1.5s both;
-      }
-      &.barrage-item-hide {
-        animation: taskFadeOut 1.5s both;
-      }
-    }
-    @keyframes taskFadeInLeft {
-      0% {
-        transform: translateX(vmin(-500));
-        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 {
-  @include barrage-container;
-}
-
-// 竖屏pad
-@media screen and (min-width: 768px) and (orientation: portrait) {
-  $deviceWidth: 1536 !global;
-
-  .barrage-container {
-    @include barrage-container;
-  }
-}
-
-// 横屏pad
-@media screen and (min-height: 768px) and (orientation: landscape) {
-  $deviceWidth: 1536 !global;
-
-  .barrage-container {
-    @include barrage-container;
-  }
-}
+@function vmin($rpx) {
+  @return #{$rpx * 100 / $deviceWidth}vmin;
+}
+
+$deviceWidth: 750;
+
+@mixin barrage-container {
+  color: #fff;
+  font-size: vmin(20);
+  .barrage-wrap {
+    display: flex;
+    .barrage-item {
+      position: relative;
+      background: linear-gradient(270deg, #ff552b00 0%, #ff552bc7 21.42%, #ff8b25eb 46.71%, #FC0 100%);
+      height: vmin(64);
+      font-size: vmin(24);
+      line-height: vmin(64);
+      border-radius: vmin(92);
+      transition: 0.3s;
+      transform: translateX(vmin(-500));
+
+      .barrage-content {
+        display: flex;
+        align-items: center;
+      }
+
+      .task-completion-icon {
+        width: vmin(48);
+        height: vmin(48);
+        border-radius: 50%;
+        margin-left: vmin(10);
+        margin-right: vmin(8);
+        flex-shrink: 0;
+      }
+      .task-type {
+        display: flex;
+        flex-direction: column;
+        margin-right: vmin(8);
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        view {
+          width: 100%;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+      }
+      .prize-icon {
+        width: vmin(56);
+        height: vmin(56);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        margin: 0 vmin(8);
+      }
+      .prize-num {
+        color: #FFF5CC;
+        font-weight: 500;
+        margin-right: vmin(8);
+      }
+      .right-arrow-icon{
+        height: vmin(40);
+        width: vmin(40);
+        margin-right: vmin(52);
+      }
+      &.barrage-item-show {
+        animation: taskFadeInLeft 1.5s both;
+      }
+      &.barrage-item-hide {
+        animation: taskFadeOut 1.5s both;
+      }
+    }
+    @keyframes taskFadeInLeft {
+      0% {
+        transform: translateX(vmin(-500));
+        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 {
+  @include barrage-container;
+}
+
+// 竖屏pad
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  $deviceWidth: 1536 !global;
+
+  .barrage-container {
+    @include barrage-container;
+  }
+}
+
+// 横屏pad
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  $deviceWidth: 1536 !global;
+
+  .barrage-container {
+    @include barrage-container;
+  }
+}

package/src/Task/TaskBubble/index.wxml

@@ -1,22 +1,22 @@
-<view class="barrage-container" catch:tap="bubbleClick" style="{{zIndex?'z-index:'+zIndex:''}}">
-  <view class="barrage-wrap">
-    <view class="barrage-item" animation="{{animationData}}">
-      <view class="barrage-content">
-        <image
-          class="task-completion-icon"
-          src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/lopitz1y0c73.png"
-          alt
-        />
-        <view wx:if="{{taskMsg.live_task.task_type === 1}}" class="task-type">观看时长</view>
-        <view>{{ rewardValue }}</view>
-        <image class="prize-icon" src="{{taskIconImg}}" alt="奖励" />
-        <view class="prize-num">+{{ prizeNum }}</view>
-        <image
-          class="right-arrow-icon"
-          src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/lopitz1k0dzj.png"
-          alt
-        />
-      </view>
-    </view>
-  </view>
-</view>
+<view class="barrage-container" catch:tap="bubbleClick" style="{{zIndex?'z-index:'+zIndex:''}}">
+  <view class="barrage-wrap">
+    <view class="barrage-item" animation="{{animationData}}">
+      <view class="barrage-content">
+        <image
+          class="task-completion-icon"
+          src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/lopitz1y0c73.png"
+          alt
+        />
+        <view wx:if="{{taskMsg.live_task.task_type === 1}}" class="task-type">观看时长</view>
+        <view>{{ rewardValue }}</view>
+        <image class="prize-icon" src="{{taskIconImg}}" alt="奖励" />
+        <view class="prize-num">+{{ prizeNum }}</view>
+        <image
+          class="right-arrow-icon"
+          src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/lopitz1k0dzj.png"
+          alt
+        />
+      </view>
+    </view>
+  </view>
+</view>