xiaoe_mp_npm 1.1.21 → 1.1.22-test02

package/miniprogram_dist/ShoppingCartBubble/index.wxss

@@ -1,90 +1,246 @@
 .shopping-cart-bubble {
   position: absolute;
-  left: 2.93333vmin;
+  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;
-  justify-content: center;
-  font-size: 3.73333vmin;
-  color: #fff;
-  font-weight: 700;
-  background: rgba(0, 0, 0, 0.6);
-  border-radius: 6.66667vmin;
-  padding: 0.53333vmin 2.13333vmin;
+  height: 100%;
+  padding: 0.53333vmin 0.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 .goods-info-num {
-  color: #FCC600;
+.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.43229vmin;
+    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;
-    justify-content: center;
-    font-size: 1.82292vmin;
-    color: #fff;
-    font-weight: 700;
-    background: rgba(0, 0, 0, 0.6);
-    border-radius: 3.25521vmin;
-    padding: 0.26042vmin 1.04167vmin;
+    height: 100%;
+    padding: 0.26042vmin 0.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: 0.52083vmin;
+  }
+  .shopping-cart-bubble .shopping-cart-bubble-info .desc {
+    white-space: nowrap;
+    margin: 0 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 .goods-info-num {
-    color: #FCC600;
+  .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: 1.74603vmin;
+    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;
-    justify-content: center;
-    font-size: 2.22222vmin;
-    color: #fff;
-    font-weight: 700;
-    background: rgba(0, 0, 0, 0.6);
-    border-radius: 3.96825vmin;
-    padding: 0.31746vmin 1.26984vmin;
+    height: 100%;
+    padding: 0.31746vmin 0.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: 0.63492vmin;
+  }
+  .shopping-cart-bubble .shopping-cart-bubble-info .desc {
+    white-space: nowrap;
+    margin: 0 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 .goods-info-num {
-    color: #FCC600;
+  .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.43229vmin;
+    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;
-    justify-content: center;
-    font-size: 1.82292vmin;
-    color: #fff;
-    font-weight: 700;
-    background: rgba(0, 0, 0, 0.6);
-    border-radius: 3.25521vmin;
-    padding: 0.26042vmin 1.04167vmin;
+    height: 100%;
+    padding: 0.26042vmin 0.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: 0.52083vmin;
+  }
+  .shopping-cart-bubble .shopping-cart-bubble-info .desc {
+    white-space: nowrap;
+    margin: 0 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 .goods-info-num {
-    color: #FCC600;
+  .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/miniprogram_dist/Task/TaskBubble/index.json

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

package/miniprogram_dist/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/miniprogram_dist/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>

package/miniprogram_dist/Task/TaskIcon/index.js

@@ -1,29 +1,29 @@
-Component({
-  /**
-   * 组件的属性列表
-   */
-  properties: {
-    aliveMode:{
-      type: Number,
-      value: 1
-    },
-    iconText:{
-      type: String,
-      value: '得奖励'
-    },
-  },
-
-  /**
-   * 组件的初始数据
-   */
-  data: {},
-
-  /**
-   * 组件的方法列表
-   */
-  methods: {
-    iconClick(){
-      this.triggerEvent("iconClick")
-    }
-  },
-})
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    aliveMode:{
+      type: Number,
+      value: 1
+    },
+    iconText:{
+      type: String,
+      value: '得奖励'
+    },
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {},
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    iconClick(){
+      this.triggerEvent("iconClick")
+    }
+  },
+})

package/miniprogram_dist/Task/TaskIcon/index.json

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