xiaoe_mp_npm 1.0.21 → 1.0.22-store1

package/miniprogram_dist/Task/taskQuizRemindPopup/index.scss

@@ -0,0 +1,108 @@
+$deviceWidth: 750;
+
+@function vmin($rpx) {
+  @return #{$rpx * 100 / $deviceWidth}vmin;
+}
+
+@mixin remind-popup {
+  border-radius: vmin(16);
+  overflow: hidden;
+  .popup-quiz-box {
+    box-sizing: border-box;
+    width: vmin(576);
+    padding: vmin(48);
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background: linear-gradient(180deg, rgba(20, 114, 255, 0.12) 0%, rgba(20, 114, 255, 0) 100%), #fff;
+  
+    font-size: vmin(28);
+    font-style: normal;
+    font-weight: 400;
+    line-height: normal;
+    font-family: "PingFang SC";
+    position: relative;
+    .time-icon {
+      width: vmin(172);
+      height: vmin(172);
+      position: absolute;
+      right: 0;
+      top: -#{vmin(10)};
+    }
+    .header-title {
+      color: #333333;
+      text-align: center;
+      font-size: vmin(32);
+      font-style: normal;
+      font-weight: 500;
+      margin-bottom: vmin(16);
+      line-height: vmin(48);
+    }
+    .content-body {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #666666;
+      text-align: center;
+      align-self: stretch;
+      line-height: vmin(40);
+      margin-bottom: vmin(48);
+    }
+    .quiz-remind-btn {
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      font-weight: 500;
+      view {
+        display: flex;
+        width: vmin(224);
+        height: vmin(80);
+        justify-content: center;
+        align-items: center;
+        border-radius: vmin(40);
+      }
+      .close-btn {
+        box-sizing: border-box;
+        border: vmin(1) solid #cccccc;
+        color: #333333;
+      }
+      .to-quiz-btn {
+        background: #1472ff;
+        color: #ffffff;
+      }
+    }
+  }
+}
+
+.remind-popup {
+  @include remind-popup;
+}
+
+// 竖屏pad
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  $deviceWidth: 1536 !global;
+
+  .remind-popup {
+    @include remind-popup;
+  }
+}
+
+// PC 放大适配
+@media screen and (min-height: 630px) and (orientation: landscape) {
+  $deviceWidth: 1260 !global;
+
+  .remind-popup {
+    @include remind-popup;
+  }
+}
+
+// 横屏pad
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  $deviceWidth: 1536 !global;
+
+  .remind-popup {
+    @include remind-popup;
+  }
+}

package/miniprogram_dist/Task/taskQuizRemindPopup/index.wxml

@@ -0,0 +1,27 @@
+<view catchtap>
+  <van-popup
+    show="{{showPopup}}"
+    zIndex="{{500}}"
+    custom-class="remind-popup"
+    bind:close="closePop"
+    bind:click-overlay="closePop"
+    overlay-style="{{ 'background-color: rgba(0, 0, 0, 0.8)' }}"
+  >
+    <!-- 内容 -->
+    <view class="popup-quiz-box">
+      <image
+        class="time-icon"
+        src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/lz6lllsd09kp.svg"
+      />
+      <!-- 标题 -->
+      <view class="header-title">答题开始了</view>
+      <!-- 内容 -->
+      <view class="content-body">完成答题任务将会获得奖励</view>
+      <!-- 按钮 -->
+      <view class="quiz-remind-btn">
+        <view class="close-btn" catchtap="closePop">取消</view>
+        <view class="to-quiz-btn" catchtap="quizHandle">去答题</view>
+      </view>
+    </view>
+  </van-popup>
+</view>

package/miniprogram_dist/Task/taskQuizRemindPopup/index.wxss

@@ -0,0 +1,286 @@
+.remind-popup {
+  border-radius: 2.13333vmin;
+  overflow: hidden;
+}
+.remind-popup .popup-quiz-box {
+  box-sizing: border-box;
+  width: 76.8vmin;
+  padding: 6.4vmin;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background: linear-gradient(180deg, rgba(20, 114, 255, 0.12) 0%, rgba(20, 114, 255, 0) 100%), #fff;
+  font-size: 3.73333vmin;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+  font-family: "PingFang SC";
+  position: relative;
+}
+.remind-popup .popup-quiz-box .time-icon {
+  width: 22.93333vmin;
+  height: 22.93333vmin;
+  position: absolute;
+  right: 0;
+  top: -1.33333vmin;
+}
+.remind-popup .popup-quiz-box .header-title {
+  color: #333333;
+  text-align: center;
+  font-size: 4.26667vmin;
+  font-style: normal;
+  font-weight: 500;
+  margin-bottom: 2.13333vmin;
+  line-height: 6.4vmin;
+}
+.remind-popup .popup-quiz-box .content-body {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #666666;
+  text-align: center;
+  align-self: stretch;
+  line-height: 5.33333vmin;
+  margin-bottom: 6.4vmin;
+}
+.remind-popup .popup-quiz-box .quiz-remind-btn {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-weight: 500;
+}
+.remind-popup .popup-quiz-box .quiz-remind-btn view {
+  display: flex;
+  width: 29.86667vmin;
+  height: 10.66667vmin;
+  justify-content: center;
+  align-items: center;
+  border-radius: 5.33333vmin;
+}
+.remind-popup .popup-quiz-box .quiz-remind-btn .close-btn {
+  box-sizing: border-box;
+  border: 0.13333vmin solid #ccc;
+  color: #333333;
+}
+.remind-popup .popup-quiz-box .quiz-remind-btn .to-quiz-btn {
+  background: #1472ff;
+  color: #ffffff;
+}
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  .remind-popup {
+    border-radius: 1.04167vmin;
+    overflow: hidden;
+  }
+  .remind-popup .popup-quiz-box {
+    box-sizing: border-box;
+    width: 37.5vmin;
+    padding: 3.125vmin;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background: linear-gradient(180deg, rgba(20, 114, 255, 0.12) 0%, rgba(20, 114, 255, 0) 100%), #fff;
+    font-size: 1.82292vmin;
+    font-style: normal;
+    font-weight: 400;
+    line-height: normal;
+    font-family: "PingFang SC";
+    position: relative;
+  }
+  .remind-popup .popup-quiz-box .time-icon {
+    width: 11.19792vmin;
+    height: 11.19792vmin;
+    position: absolute;
+    right: 0;
+    top: -0.65104vmin;
+  }
+  .remind-popup .popup-quiz-box .header-title {
+    color: #333333;
+    text-align: center;
+    font-size: 2.08333vmin;
+    font-style: normal;
+    font-weight: 500;
+    margin-bottom: 1.04167vmin;
+    line-height: 3.125vmin;
+  }
+  .remind-popup .popup-quiz-box .content-body {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #666666;
+    text-align: center;
+    align-self: stretch;
+    line-height: 2.60417vmin;
+    margin-bottom: 3.125vmin;
+  }
+  .remind-popup .popup-quiz-box .quiz-remind-btn {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-weight: 500;
+  }
+  .remind-popup .popup-quiz-box .quiz-remind-btn view {
+    display: flex;
+    width: 14.58333vmin;
+    height: 5.20833vmin;
+    justify-content: center;
+    align-items: center;
+    border-radius: 2.60417vmin;
+  }
+  .remind-popup .popup-quiz-box .quiz-remind-btn .close-btn {
+    box-sizing: border-box;
+    border: 0.0651vmin solid #ccc;
+    color: #333333;
+  }
+  .remind-popup .popup-quiz-box .quiz-remind-btn .to-quiz-btn {
+    background: #1472ff;
+    color: #ffffff;
+  }
+}
+@media screen and (min-height: 630px) and (orientation: landscape) {
+  .remind-popup {
+    border-radius: 1.26984vmin;
+    overflow: hidden;
+  }
+  .remind-popup .popup-quiz-box {
+    box-sizing: border-box;
+    width: 45.71429vmin;
+    padding: 3.80952vmin;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background: linear-gradient(180deg, rgba(20, 114, 255, 0.12) 0%, rgba(20, 114, 255, 0) 100%), #fff;
+    font-size: 2.22222vmin;
+    font-style: normal;
+    font-weight: 400;
+    line-height: normal;
+    font-family: "PingFang SC";
+    position: relative;
+  }
+  .remind-popup .popup-quiz-box .time-icon {
+    width: 13.65079vmin;
+    height: 13.65079vmin;
+    position: absolute;
+    right: 0;
+    top: -0.79365vmin;
+  }
+  .remind-popup .popup-quiz-box .header-title {
+    color: #333333;
+    text-align: center;
+    font-size: 2.53968vmin;
+    font-style: normal;
+    font-weight: 500;
+    margin-bottom: 1.26984vmin;
+    line-height: 3.80952vmin;
+  }
+  .remind-popup .popup-quiz-box .content-body {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #666666;
+    text-align: center;
+    align-self: stretch;
+    line-height: 3.1746vmin;
+    margin-bottom: 3.80952vmin;
+  }
+  .remind-popup .popup-quiz-box .quiz-remind-btn {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-weight: 500;
+  }
+  .remind-popup .popup-quiz-box .quiz-remind-btn view {
+    display: flex;
+    width: 17.77778vmin;
+    height: 6.34921vmin;
+    justify-content: center;
+    align-items: center;
+    border-radius: 3.1746vmin;
+  }
+  .remind-popup .popup-quiz-box .quiz-remind-btn .close-btn {
+    box-sizing: border-box;
+    border: 0.07937vmin solid #ccc;
+    color: #333333;
+  }
+  .remind-popup .popup-quiz-box .quiz-remind-btn .to-quiz-btn {
+    background: #1472ff;
+    color: #ffffff;
+  }
+}
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  .remind-popup {
+    border-radius: 1.04167vmin;
+    overflow: hidden;
+  }
+  .remind-popup .popup-quiz-box {
+    box-sizing: border-box;
+    width: 37.5vmin;
+    padding: 3.125vmin;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background: linear-gradient(180deg, rgba(20, 114, 255, 0.12) 0%, rgba(20, 114, 255, 0) 100%), #fff;
+    font-size: 1.82292vmin;
+    font-style: normal;
+    font-weight: 400;
+    line-height: normal;
+    font-family: "PingFang SC";
+    position: relative;
+  }
+  .remind-popup .popup-quiz-box .time-icon {
+    width: 11.19792vmin;
+    height: 11.19792vmin;
+    position: absolute;
+    right: 0;
+    top: -0.65104vmin;
+  }
+  .remind-popup .popup-quiz-box .header-title {
+    color: #333333;
+    text-align: center;
+    font-size: 2.08333vmin;
+    font-style: normal;
+    font-weight: 500;
+    margin-bottom: 1.04167vmin;
+    line-height: 3.125vmin;
+  }
+  .remind-popup .popup-quiz-box .content-body {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #666666;
+    text-align: center;
+    align-self: stretch;
+    line-height: 2.60417vmin;
+    margin-bottom: 3.125vmin;
+  }
+  .remind-popup .popup-quiz-box .quiz-remind-btn {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-weight: 500;
+  }
+  .remind-popup .popup-quiz-box .quiz-remind-btn view {
+    display: flex;
+    width: 14.58333vmin;
+    height: 5.20833vmin;
+    justify-content: center;
+    align-items: center;
+    border-radius: 2.60417vmin;
+  }
+  .remind-popup .popup-quiz-box .quiz-remind-btn .close-btn {
+    box-sizing: border-box;
+    border: 0.0651vmin solid #ccc;
+    color: #333333;
+  }
+  .remind-popup .popup-quiz-box .quiz-remind-btn .to-quiz-btn {
+    background: #1472ff;
+    color: #ffffff;
+  }
+}

package/miniprogram_dist/Task/taskReceivePopup/coupon/index.json

@@ -1,6 +1,6 @@
-{
-  "component": true,
-  "usingComponents": {
-    "van-popup": "@vant/weapp/popup/index"
-  }
-}
+{
+  "component": true,
+  "usingComponents": {
+    "van-popup": "@vant/weapp/popup/index"
+  }
+}

package/miniprogram_dist/Task/taskReceivePopup/coupon/index.wxs

@@ -1,48 +1,48 @@
-/*
-  使用目的：
-    这里定义的函数，用在页面中, 类似于 Vue 里的 computed
-
-  注意点：
-    1. wxs中不支持 let , const
-    2. 导出的时候，即使 key 和 value 相同， 也不能简写。
-*/
-
-// 做数值过滤，value-要处理的数字 ToFix2-默认保留两位，默认转分转元，除以100。其他除以10(如折扣)
-var filterPrice = function (value, ToFix2 = true) {
-  var result = (value / 100).toString();
-  if (!ToFix2) {
-      result = (value / 10).toString();
-  }
-  if (result.indexOf(".") > 0) {
-    return result.split(".")[0];
-  } else {
-    return result;
-  }
-}
-
-// 小数点后的样式补充 ToFix2-默认保留2位,其他保留1位
-var fixedFont = function (value, ToFix2 = true) {
-  if (value) {
-    var result = (value / 100).toString();
-    if (!ToFix2) {
-      result = (value / 10).toString();
-    }
-    if (result.toString().indexOf(".") > -1) {
-      return result.split(".")[1];
-    } else {
-      return "";
-    }
-  }
-}
-
-// 时间精确到分
-var formatDateToMinte = function (date) {
-  var lastIndex = date.lastIndexOf(":");
-  return date.substring(0, lastIndex).replace(getRegExp('-', 'g'), ".");
-}
-
-module.exports = {
-  filterPrice: filterPrice,
-  fixedFont: fixedFont,
-  formatDateToMinte: formatDateToMinte
-}
+/*
+  使用目的：
+    这里定义的函数，用在页面中, 类似于 Vue 里的 computed
+
+  注意点：
+    1. wxs中不支持 let , const
+    2. 导出的时候，即使 key 和 value 相同， 也不能简写。
+*/
+
+// 做数值过滤，value-要处理的数字 ToFix2-默认保留两位，默认转分转元，除以100。其他除以10(如折扣)
+var filterPrice = function (value, ToFix2 = true) {
+  var result = (value / 100).toString();
+  if (!ToFix2) {
+      result = (value / 10).toString();
+  }
+  if (result.indexOf(".") > 0) {
+    return result.split(".")[0];
+  } else {
+    return result;
+  }
+}
+
+// 小数点后的样式补充 ToFix2-默认保留2位,其他保留1位
+var fixedFont = function (value, ToFix2 = true) {
+  if (value) {
+    var result = (value / 100).toString();
+    if (!ToFix2) {
+      result = (value / 10).toString();
+    }
+    if (result.toString().indexOf(".") > -1) {
+      return result.split(".")[1];
+    } else {
+      return "";
+    }
+  }
+}
+
+// 时间精确到分
+var formatDateToMinte = function (date) {
+  var lastIndex = date.lastIndexOf(":");
+  return date.substring(0, lastIndex).replace(getRegExp('-', 'g'), ".");
+}
+
+module.exports = {
+  filterPrice: filterPrice,
+  fixedFont: fixedFont,
+  formatDateToMinte: formatDateToMinte
+}

package/miniprogram_dist/Task/taskReceivePopup/customPrizes/index.js

@@ -1,44 +1,44 @@
-const computedBehavior = require('miniprogram-computed').behavior
-Component({
-  behaviors: [computedBehavior],
-  /**
-   * 组件的属性列表
-   */
-  properties: {
-    // 全屏互动
-    isFullScreen: {
-      type: Boolean,
-      value: false,
-    },
-    showCouponReceivePopup: {
-      type: Boolean,
-      value: false,
-    },
-    rewardData: {
-      type: Object,
-      value: {},
-    }
-  },
-
-  /**
-   * 组件的初始数据
-   */
-  data: {},
-  computed: {
-    rewardValue(data){
-      return data.rewardData.live_task.reward_value
-    }
-  },
-
-  /**
-   * 组件的方法列表
-   */
-  methods: {
-    closePopup() {
-      this.setData({
-        showCouponReceivePopup: false
-      })
-      this.triggerEvent('close')
-    },
-  },
-})
+const computedBehavior = require('miniprogram-computed').behavior
+Component({
+  behaviors: [computedBehavior],
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    // 全屏互动
+    isFullScreen: {
+      type: Boolean,
+      value: false,
+    },
+    showCouponReceivePopup: {
+      type: Boolean,
+      value: false,
+    },
+    rewardData: {
+      type: Object,
+      value: {},
+    }
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {},
+  computed: {
+    rewardValue(data){
+      return data.rewardData.live_task.reward_value
+    }
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    closePopup() {
+      this.setData({
+        showCouponReceivePopup: false
+      })
+      this.triggerEvent('close')
+    },
+  },
+})

package/miniprogram_dist/Task/taskReceivePopup/customPrizes/index.json

@@ -1,6 +1,6 @@
-{
-  "component": true,
-  "usingComponents": {
-    "van-popup": "@vant/weapp/popup/index"
-  }
-}
+{
+  "component": true,
+  "usingComponents": {
+    "van-popup": "@vant/weapp/popup/index"
+  }
+}