xiaoe_mp_npm 1.0.21 → 1.0.22-store1

package/src/Task/taskReceivePopup/integral/index.scss

@@ -1,60 +1,60 @@
-@function vmin($rpx) {
-  @return #{$rpx * 100 / $deviceWidth}vmin;
-}
-
-$deviceWidth: 750;
-
-@mixin integral-receive-popup {
-  .receive-container {
-      width: vmin(400);
-      height: vmin(400);
-      background-size: 100% 100%;
-      background-image: url('https://commonresource-1252524126.cdn.xiaoeknow.com/image/loqj5js008xu.png');
-      overflow: hidden;
-      &__content-number {
-          margin-top: vmin(336);
-          font-weight: 500;
-          text-align: center;
-          color: #FFF5CC;
-          font-size: vmin(48);
-          line-height: vmin(48);
-      }
-      &__btn {
-          width: vmin(296);
-          height: vmin(80);
-          text-align: center;
-          line-height: vmin(80);
-          border-radius: vmin(40);
-          font-size: vmin(32);
-          font-weight: 500;
-          color: #fff;
-          background: linear-gradient(270deg, #FF5820 0%, #FF4067 100%);
-          margin: vmin(48) auto 0;
-      }
-  }
-  &.integral-receive-popup-full .receive-container{
-    transform: scale(0.8)
-  }
-}
-
-.integral-receive-popup {
-  @include integral-receive-popup;
-}
-
-// 竖屏pad
-@media screen and (min-width: 768px) and (orientation: portrait) {
-  $deviceWidth: 1536 !global;
-
-  .integral-receive-popup {
-    @include integral-receive-popup;
-  }
-}
-
-// 横屏pad
-@media screen and (min-height: 768px) and (orientation: landscape) {
-  $deviceWidth: 1536 !global;
-
-  .integral-receive-popup {
-    @include integral-receive-popup;
-  }
-}
+@function vmin($rpx) {
+  @return #{$rpx * 100 / $deviceWidth}vmin;
+}
+
+$deviceWidth: 750;
+
+@mixin integral-receive-popup {
+  .receive-container {
+      width: vmin(400);
+      height: vmin(400);
+      background-size: 100% 100%;
+      background-image: url('https://commonresource-1252524126.cdn.xiaoeknow.com/image/loqj5js008xu.png');
+      overflow: hidden;
+      &__content-number {
+          margin-top: vmin(336);
+          font-weight: 500;
+          text-align: center;
+          color: #FFF5CC;
+          font-size: vmin(48);
+          line-height: vmin(48);
+      }
+      &__btn {
+          width: vmin(296);
+          height: vmin(80);
+          text-align: center;
+          line-height: vmin(80);
+          border-radius: vmin(40);
+          font-size: vmin(32);
+          font-weight: 500;
+          color: #fff;
+          background: linear-gradient(270deg, #FF5820 0%, #FF4067 100%);
+          margin: vmin(48) auto 0;
+      }
+  }
+  &.integral-receive-popup-full .receive-container{
+    transform: scale(0.8)
+  }
+}
+
+.integral-receive-popup {
+  @include integral-receive-popup;
+}
+
+// 竖屏pad
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  $deviceWidth: 1536 !global;
+
+  .integral-receive-popup {
+    @include integral-receive-popup;
+  }
+}
+
+// 横屏pad
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  $deviceWidth: 1536 !global;
+
+  .integral-receive-popup {
+    @include integral-receive-popup;
+  }
+}

package/src/Task/taskReceivePopup/integral/index.wxml

@@ -1,12 +1,12 @@
-<van-popup
-  show="{{true}}"
-  round
-  class="integral-receive-popup {{isFullScreen? 'integral-receive-popup-full' : ''}}"
-  custom-style="background: unset"
-  bind:close="closePopup"
->
-  <view class="receive-container" style="background-image: url({{awardImg}})">
-    <view class="receive-container__content-number">+{{rewardValue}}</view>
-  </view>
-  <view class="receive-container__btn" catchtap="closePopup">开心收下</view>
-</van-popup>
+<van-popup
+  show="{{true}}"
+  round
+  class="integral-receive-popup {{isFullScreen? 'integral-receive-popup-full' : ''}}"
+  custom-style="background: unset"
+  bind:close="closePopup"
+>
+  <view class="receive-container" style="background-image: url({{awardImg}})">
+    <view class="receive-container__content-number">+{{rewardValue}}</view>
+  </view>
+  <view class="receive-container__btn" catchtap="closePopup">开心收下</view>
+</van-popup>

package/src/Task/taskReceivePopup/integral/index.wxss

@@ -1,94 +1,94 @@
-.integral-receive-popup .receive-container {
-  width: 53.33333vmin;
-  height: 53.33333vmin;
-  background-size: 100% 100%;
-  background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/loqj5js008xu.png");
-  overflow: hidden;
-}
-.integral-receive-popup .receive-container__content-number {
-  margin-top: 44.8vmin;
-  font-weight: 500;
-  text-align: center;
-  color: #FFF5CC;
-  font-size: 6.4vmin;
-  line-height: 6.4vmin;
-}
-.integral-receive-popup .receive-container__btn {
-  width: 39.46667vmin;
-  height: 10.66667vmin;
-  text-align: center;
-  line-height: 10.66667vmin;
-  border-radius: 5.33333vmin;
-  font-size: 4.26667vmin;
-  font-weight: 500;
-  color: #fff;
-  background: linear-gradient(270deg, #FF5820 0%, #FF4067 100%);
-  margin: 6.4vmin auto 0;
-}
-.integral-receive-popup.integral-receive-popup-full .receive-container {
-  transform: scale(0.8);
-}
-@media screen and (min-width: 768px) and (orientation: portrait) {
-  .integral-receive-popup .receive-container {
-    width: 26.04167vmin;
-    height: 26.04167vmin;
-    background-size: 100% 100%;
-    background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/loqj5js008xu.png");
-    overflow: hidden;
-  }
-  .integral-receive-popup .receive-container__content-number {
-    margin-top: 21.875vmin;
-    font-weight: 500;
-    text-align: center;
-    color: #FFF5CC;
-    font-size: 3.125vmin;
-    line-height: 3.125vmin;
-  }
-  .integral-receive-popup .receive-container__btn {
-    width: 19.27083vmin;
-    height: 5.20833vmin;
-    text-align: center;
-    line-height: 5.20833vmin;
-    border-radius: 2.60417vmin;
-    font-size: 2.08333vmin;
-    font-weight: 500;
-    color: #fff;
-    background: linear-gradient(270deg, #FF5820 0%, #FF4067 100%);
-    margin: 3.125vmin auto 0;
-  }
-  .integral-receive-popup.integral-receive-popup-full .receive-container {
-    transform: scale(0.8);
-  }
-}
-@media screen and (min-height: 768px) and (orientation: landscape) {
-  .integral-receive-popup .receive-container {
-    width: 26.04167vmin;
-    height: 26.04167vmin;
-    background-size: 100% 100%;
-    background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/loqj5js008xu.png");
-    overflow: hidden;
-  }
-  .integral-receive-popup .receive-container__content-number {
-    margin-top: 21.875vmin;
-    font-weight: 500;
-    text-align: center;
-    color: #FFF5CC;
-    font-size: 3.125vmin;
-    line-height: 3.125vmin;
-  }
-  .integral-receive-popup .receive-container__btn {
-    width: 19.27083vmin;
-    height: 5.20833vmin;
-    text-align: center;
-    line-height: 5.20833vmin;
-    border-radius: 2.60417vmin;
-    font-size: 2.08333vmin;
-    font-weight: 500;
-    color: #fff;
-    background: linear-gradient(270deg, #FF5820 0%, #FF4067 100%);
-    margin: 3.125vmin auto 0;
-  }
-  .integral-receive-popup.integral-receive-popup-full .receive-container {
-    transform: scale(0.8);
-  }
-}
+.integral-receive-popup .receive-container {
+  width: 53.33333vmin;
+  height: 53.33333vmin;
+  background-size: 100% 100%;
+  background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/loqj5js008xu.png");
+  overflow: hidden;
+}
+.integral-receive-popup .receive-container__content-number {
+  margin-top: 44.8vmin;
+  font-weight: 500;
+  text-align: center;
+  color: #FFF5CC;
+  font-size: 6.4vmin;
+  line-height: 6.4vmin;
+}
+.integral-receive-popup .receive-container__btn {
+  width: 39.46667vmin;
+  height: 10.66667vmin;
+  text-align: center;
+  line-height: 10.66667vmin;
+  border-radius: 5.33333vmin;
+  font-size: 4.26667vmin;
+  font-weight: 500;
+  color: #fff;
+  background: linear-gradient(270deg, #FF5820 0%, #FF4067 100%);
+  margin: 6.4vmin auto 0;
+}
+.integral-receive-popup.integral-receive-popup-full .receive-container {
+  transform: scale(0.8);
+}
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  .integral-receive-popup .receive-container {
+    width: 26.04167vmin;
+    height: 26.04167vmin;
+    background-size: 100% 100%;
+    background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/loqj5js008xu.png");
+    overflow: hidden;
+  }
+  .integral-receive-popup .receive-container__content-number {
+    margin-top: 21.875vmin;
+    font-weight: 500;
+    text-align: center;
+    color: #FFF5CC;
+    font-size: 3.125vmin;
+    line-height: 3.125vmin;
+  }
+  .integral-receive-popup .receive-container__btn {
+    width: 19.27083vmin;
+    height: 5.20833vmin;
+    text-align: center;
+    line-height: 5.20833vmin;
+    border-radius: 2.60417vmin;
+    font-size: 2.08333vmin;
+    font-weight: 500;
+    color: #fff;
+    background: linear-gradient(270deg, #FF5820 0%, #FF4067 100%);
+    margin: 3.125vmin auto 0;
+  }
+  .integral-receive-popup.integral-receive-popup-full .receive-container {
+    transform: scale(0.8);
+  }
+}
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  .integral-receive-popup .receive-container {
+    width: 26.04167vmin;
+    height: 26.04167vmin;
+    background-size: 100% 100%;
+    background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/loqj5js008xu.png");
+    overflow: hidden;
+  }
+  .integral-receive-popup .receive-container__content-number {
+    margin-top: 21.875vmin;
+    font-weight: 500;
+    text-align: center;
+    color: #FFF5CC;
+    font-size: 3.125vmin;
+    line-height: 3.125vmin;
+  }
+  .integral-receive-popup .receive-container__btn {
+    width: 19.27083vmin;
+    height: 5.20833vmin;
+    text-align: center;
+    line-height: 5.20833vmin;
+    border-radius: 2.60417vmin;
+    font-size: 2.08333vmin;
+    font-weight: 500;
+    color: #fff;
+    background: linear-gradient(270deg, #FF5820 0%, #FF4067 100%);
+    margin: 3.125vmin auto 0;
+  }
+  .integral-receive-popup.integral-receive-popup-full .receive-container {
+    transform: scale(0.8);
+  }
+}

package/src/common/utils/tool.js

@@ -1,66 +1,72 @@
 /*函数节流*/
 function throttle(fn, interval) {
-  var enterTime = 0; //触发的时间
-  var gapTime = interval || 300; //间隔时间，如果interval不传，则默认300ms
+  var enterTime = 0 //触发的时间
+  var gapTime = interval || 300 //间隔时间，如果interval不传，则默认300ms
   return function () {
-    var context = this;
-    var backTime = new Date(); //第一次函数return即触发的时间
+    var context = this
+    var backTime = new Date() //第一次函数return即触发的时间
     if (backTime - enterTime > gapTime) {
-      fn.call(context, arguments);
-      enterTime = backTime; //赋值给第一次触发的时间，这样就保存了第二次触发的时间
+      fn.call(context, arguments)
+      enterTime = backTime //赋值给第一次触发的时间，这样就保存了第二次触发的时间
     }
-  };
+  }
 }
 
 /*函数防抖*/
 function debounce(func, wait, immediate) {
-  let timer;
+  let timer
 
   return function () {
-      //this指向debounce
-      let context = this;
-      //即参数，func,wait
-      let args = arguments;
+    //this指向debounce
+    let context = this
+    //即参数，func,wait
+    let args = arguments
 
-      //如果timer不为null, 清除定时器
-      if (timer) clearTimeout(timer);
+    //如果timer不为null, 清除定时器
+    if (timer) clearTimeout(timer)
 
-      //如果是立即执行
-      if (immediate) {
-          //定义callNow = !timer
-          var callNow = !timer;
-          //定义wait时间后把timer变为null
-          //即在wait时间之后事件才会有效
-          timer = setTimeout(() => {
-              timer = null;
-          }, wait)
-          //如果callNow为true,即原本timer为null
-          //那么执行func函数
-          if (callNow) func.apply(context, args)
-      } else {
-          //如果是不立即执行
-          //那就是每次重新定时
-          timer = setTimeout(function () {
-              func.apply(context, args)
-          }, wait);
-      }
+    //如果是立即执行
+    if (immediate) {
+      //定义callNow = !timer
+      var callNow = !timer
+      //定义wait时间后把timer变为null
+      //即在wait时间之后事件才会有效
+      timer = setTimeout(() => {
+        timer = null
+      }, wait)
+      //如果callNow为true,即原本timer为null
+      //那么执行func函数
+      if (callNow) func.apply(context, args)
+    } else {
+      //如果是不立即执行
+      //那就是每次重新定时
+      timer = setTimeout(function () {
+        func.apply(context, args)
+      }, wait)
+    }
   }
 }
-// }
-// function debounce(fn, interval) {
-//   var timer;
-//   var gapTime = interval || 1000; //间隔时间，如果interval不传，则默认1000ms
-//   return function () {
-//     clearTimeout(timer);
-//     var context = this;
-//     var args = arguments; //保存此处的arguments，因为setTimeout是全局的，arguments不是防抖函数需要的。
-//     timer = setTimeout(function () {
-//       fn.call(context, args);
-//     }, gapTime);
-//   };
-// }
+
+/**
+ * 高并发请求打散
+ * @param delayHandler 目标并发量获取器
+ * @param options 配置项 { defaultDelay: 1000, useScatter: false }
+ * @param cb 回调函数
+ * @returns {number} 定时器
+ */
+function scatterRequest(delayHandler, options, cb) {
+  let timer
+  const { defaultDelay = 1000, useScatter = false } = options
+  let delay = useScatter ? delayHandler() : defaultDelay // 默认并发量为1000
+  console.log(useScatter ? `[scatterRequest] High concurrency delay request: ${delay}` : '[scatterRequest] Disabled')
+  timer = setTimeout(() => {
+    cb()
+  }, delay)
+  return timer
+}
 
 module.exports = {
   throttle,
-  debounce
-};
+  debounce,
+  scatterRequest,
+}