xiaoe_mp_npm 1.0.21 → 1.0.22-test02

package/miniprogram_dist/Task/TaskQuizPopup/index.wxml

@@ -0,0 +1,97 @@
+<view class="task-quiz-popup" catchtap>
+  <van-popup
+  show="{{showPopup}}"
+  position="{{ popPosition }}"
+  custom-style="{{ customStyle }}"
+  z-index="{{500}}"
+  custom-class="quiz-popup"
+  safe-area-inset-bottom="{{ !showAnalysis }}"
+  overlay-style="{{ 'background-color: rgba(0, 0, 0, 0.8)' }}"
+  catch:close="closePop"
+  catch:click-overlay="closePop"
+  >
+    <!-- 标题 -->
+    <view class="content-header">
+      {{ showAnalysis ? '直播答题结果' : '直播答题' }}
+      <image
+        wx:if="{{!isFull}}"
+        class="popup-close-icon"
+        src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/lz0vxpq80hw7.svg"
+        catchtap="closePop"
+      />
+    </view>
+    <!-- 内容 -->
+    <view class="popup-content">
+      <!-- 结果解析 -->
+      <block wx:if="{{ showAnalysis }}">
+        <!-- 获奖结果区 -->
+        <view class="reward-show-box">
+          <view class="reward-condition">
+            <text>本次直播答题</text>
+            <text class="orange-color">{{join_result.qs_is_pass || quiz_task_item.qs_is_pass ? '达到' : '未达到'}}</text>
+            <text>获奖条件：答对 {{quiz_task_item.reward_frequency}} 道题</text>
+          </view>
+          <view class="reward-result">
+            {{
+              join_result.qs_is_pass || quiz_task_item.qs_is_pass
+                ? '获得奖励'
+                : '未获得奖励'
+            }}
+            <view
+              wx:if="{{join_result.qs_is_pass || quiz_task_item.qs_is_pass}}"
+              class="reward-result-show"
+            >
+              <image class="reward-img" src="{{ rewardIcon }}" />{{ rewardText }}
+            </view>
+          </view>
+        </view>
+        <!-- 解析区 -->
+        <view class="analysis-tip">解析</view>
+        <quizContent
+          wx:for="{{quizList}}"
+          questionContent="{{item}}"
+          quizIndex="{{index + 1}}"
+          showAnalysis="{{true}}"
+          wx:key="{{item.qs_id}}"
+        />
+      </block>
+      <!-- 答题内容 -->
+      <block wx:else>
+        <quizContent
+          wx:if="{{quizList.length > 0}}"
+          questionContent="{{quizList[currentIndex]}}"
+          quizIndex="{{currentIndex + 1}}"
+          catch:clickOption="clickOption"
+        />
+      </block>
+    </view>
+    <!-- 底部按钮 -->
+    <view wx:if="{{ !showAnalysis }}" class="content-footer">
+      <view
+        hidden="{{!(currentIndex !== 0 && total > 1)}}"
+        data-type="prev"
+        class="last-step"
+        catchtap="handleQuizOrder"
+      >
+        上一题
+      </view>
+      <view
+        hidden="{{!(currentIndex !== total - 1 && total > 1)}}"
+        data-type="next"
+        class="next-step"
+        catchtap="handleQuizOrder"
+      >
+        下一题
+      </view>
+      <view
+        hidden="{{!(total === 1 || currentIndex === total - 1)}}"
+        data-type="submit"
+        class="submit-step"
+        catchtap="handleQuizOrder"
+      >
+        提交
+      </view>
+    </view>
+  </van-popup>
+  <van-dialog id="van-dialog" />
+</view>

package/miniprogram_dist/Task/TaskQuizPopup/index.wxss

@@ -0,0 +1,478 @@
+.task-quiz-popup {
+  height: 100%;
+}
+.task-quiz-popup .quiz-popup {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background-color: #f5f5f5;
+  border-radius: 3.2vmin 3.2vmin 0 0;
+  z-index: 500;
+}
+.task-quiz-popup .quiz-popup .content-header {
+  width: 100%;
+  height: 12.8vmin;
+  font-size: 4.26667vmin;
+  font-weight: 500;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+}
+.task-quiz-popup .quiz-popup .content-header .popup-close-icon {
+  width: 4.26667vmin;
+  height: 4.26667vmin;
+  position: absolute;
+  top: 4.26667vmin;
+  right: 4.26667vmin;
+}
+.task-quiz-popup .quiz-popup .popup-content {
+  flex: 1;
+  box-sizing: border-box;
+  overflow-y: overlay;
+  padding: 0 4.26667vmin;
+  width: 100%;
+}
+.task-quiz-popup .quiz-popup .popup-content .reward-show-box {
+  display: flex;
+  padding: 4.26667vmin 3.2vmin;
+  flex-direction: column;
+  align-items: flex-start;
+  border-radius: 2.13333vmin;
+  background: #fff;
+  color: #333333;
+  font-family: "PingFang SC";
+  font-size: 3.73333vmin;
+  font-style: normal;
+  font-weight: 400;
+  margin-bottom: 4.26667vmin;
+  line-height: 5.33333vmin;
+}
+.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-condition {
+  font-weight: 500;
+}
+.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-condition .orange-color {
+  color: #ff5429;
+}
+.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-result {
+  display: flex;
+  align-items: center;
+  margin-top: 1.06667vmin;
+}
+.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-result .reward-result-show {
+  margin-left: 2.13333vmin;
+  color: #ff5429;
+  font-size: 3.2vmin;
+  display: inline-flex;
+  align-items: center;
+}
+.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-result .reward-result-show .reward-img {
+  width: 3.2vmin;
+  height: 3.2vmin;
+  padding: 0.53333vmin 0;
+  vertical-align: top;
+}
+.task-quiz-popup .quiz-popup .popup-content .analysis-tip {
+  font-size: 4.26667vmin;
+  color: #333333;
+  font-family: "PingFang SC";
+  font-style: normal;
+  font-weight: 500;
+  line-height: 6.4vmin;
+  margin-bottom: 4.26667vmin;
+}
+.task-quiz-popup .quiz-popup .content-footer {
+  width: 100%;
+  height: 14.93333vmin;
+  font-size: 4.26667vmin;
+  font-weight: 400;
+  color: #999;
+  line-height: 5.33333vmin;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0 4.26667vmin;
+  box-sizing: border-box;
+}
+.task-quiz-popup .quiz-popup .content-footer view {
+  flex: 1;
+  height: 10.66667vmin;
+  font-weight: 500;
+  line-height: 10.66667vmin;
+  font-size: 3.73333vmin;
+  text-align: center;
+  border-radius: 5.33333vmin;
+  box-sizing: border-box;
+}
+.task-quiz-popup .quiz-popup .content-footer .last-step {
+  margin-right: 4vmin;
+}
+.task-quiz-popup .quiz-popup .content-footer .last-step,
+.task-quiz-popup .quiz-popup .content-footer .next-step {
+  color: #1472ff;
+  border: 0.26667vmin solid #1472ff;
+}
+.task-quiz-popup .quiz-popup .content-footer .submit-step {
+  color: #fff;
+  background: #1472ff;
+}
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  .task-quiz-popup {
+    height: 100%;
+  }
+  .task-quiz-popup .quiz-popup {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: #f5f5f5;
+    border-radius: 1.5625vmin 1.5625vmin 0 0;
+    z-index: 500;
+  }
+  .task-quiz-popup .quiz-popup .content-header {
+    width: 100%;
+    height: 6.25vmin;
+    font-size: 2.08333vmin;
+    font-weight: 500;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+  }
+  .task-quiz-popup .quiz-popup .content-header .popup-close-icon {
+    width: 2.08333vmin;
+    height: 2.08333vmin;
+    position: absolute;
+    top: 2.08333vmin;
+    right: 2.08333vmin;
+  }
+  .task-quiz-popup .quiz-popup .popup-content {
+    flex: 1;
+    box-sizing: border-box;
+    overflow-y: overlay;
+    padding: 0 2.08333vmin;
+    width: 100%;
+  }
+  .task-quiz-popup .quiz-popup .popup-content .reward-show-box {
+    display: flex;
+    padding: 2.08333vmin 1.5625vmin;
+    flex-direction: column;
+    align-items: flex-start;
+    border-radius: 1.04167vmin;
+    background: #fff;
+    color: #333333;
+    font-family: "PingFang SC";
+    font-size: 1.82292vmin;
+    font-style: normal;
+    font-weight: 400;
+    margin-bottom: 2.08333vmin;
+    line-height: 2.60417vmin;
+  }
+  .task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-condition {
+    font-weight: 500;
+  }
+  .task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-condition .orange-color {
+    color: #ff5429;
+  }
+  .task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-result {
+    display: flex;
+    align-items: center;
+    margin-top: 0.52083vmin;
+  }
+  .task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-result .reward-result-show {
+    margin-left: 1.04167vmin;
+    color: #ff5429;
+    font-size: 1.5625vmin;
+    display: inline-flex;
+    align-items: center;
+  }
+  .task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-result .reward-result-show .reward-img {
+    width: 1.5625vmin;
+    height: 1.5625vmin;
+    padding: 0.26042vmin 0;
+    vertical-align: top;
+  }
+  .task-quiz-popup .quiz-popup .popup-content .analysis-tip {
+    font-size: 2.08333vmin;
+    color: #333333;
+    font-family: "PingFang SC";
+    font-style: normal;
+    font-weight: 500;
+    line-height: 3.125vmin;
+    margin-bottom: 2.08333vmin;
+  }
+  .task-quiz-popup .quiz-popup .content-footer {
+    width: 100%;
+    height: 7.29167vmin;
+    font-size: 2.08333vmin;
+    font-weight: 400;
+    color: #999;
+    line-height: 2.60417vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 0 2.08333vmin;
+    box-sizing: border-box;
+  }
+  .task-quiz-popup .quiz-popup .content-footer view {
+    flex: 1;
+    height: 5.20833vmin;
+    font-weight: 500;
+    line-height: 5.20833vmin;
+    font-size: 1.82292vmin;
+    text-align: center;
+    border-radius: 2.60417vmin;
+    box-sizing: border-box;
+  }
+  .task-quiz-popup .quiz-popup .content-footer .last-step {
+    margin-right: 1.95312vmin;
+  }
+  .task-quiz-popup .quiz-popup .content-footer .last-step,
+  .task-quiz-popup .quiz-popup .content-footer .next-step {
+    color: #1472ff;
+    border: 0.13021vmin solid #1472ff;
+  }
+  .task-quiz-popup .quiz-popup .content-footer .submit-step {
+    color: #fff;
+    background: #1472ff;
+  }
+}
+@media screen and (min-height: 630px) and (orientation: landscape) {
+  .task-quiz-popup {
+    height: 100%;
+  }
+  .task-quiz-popup .quiz-popup {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: #f5f5f5;
+    border-radius: 1.90476vmin 1.90476vmin 0 0;
+    z-index: 500;
+  }
+  .task-quiz-popup .quiz-popup .content-header {
+    width: 100%;
+    height: 7.61905vmin;
+    font-size: 2.53968vmin;
+    font-weight: 500;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+  }
+  .task-quiz-popup .quiz-popup .content-header .popup-close-icon {
+    width: 2.53968vmin;
+    height: 2.53968vmin;
+    position: absolute;
+    top: 2.53968vmin;
+    right: 2.53968vmin;
+  }
+  .task-quiz-popup .quiz-popup .popup-content {
+    flex: 1;
+    box-sizing: border-box;
+    overflow-y: overlay;
+    padding: 0 2.53968vmin;
+    width: 100%;
+  }
+  .task-quiz-popup .quiz-popup .popup-content .reward-show-box {
+    display: flex;
+    padding: 2.53968vmin 1.90476vmin;
+    flex-direction: column;
+    align-items: flex-start;
+    border-radius: 1.26984vmin;
+    background: #fff;
+    color: #333333;
+    font-family: "PingFang SC";
+    font-size: 2.22222vmin;
+    font-style: normal;
+    font-weight: 400;
+    margin-bottom: 2.53968vmin;
+    line-height: 3.1746vmin;
+  }
+  .task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-condition {
+    font-weight: 500;
+  }
+  .task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-condition .orange-color {
+    color: #ff5429;
+  }
+  .task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-result {
+    display: flex;
+    align-items: center;
+    margin-top: 0.63492vmin;
+  }
+  .task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-result .reward-result-show {
+    margin-left: 1.26984vmin;
+    color: #ff5429;
+    font-size: 1.90476vmin;
+    display: inline-flex;
+    align-items: center;
+  }
+  .task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-result .reward-result-show .reward-img {
+    width: 1.90476vmin;
+    height: 1.90476vmin;
+    padding: 0.31746vmin 0;
+    vertical-align: top;
+  }
+  .task-quiz-popup .quiz-popup .popup-content .analysis-tip {
+    font-size: 2.53968vmin;
+    color: #333333;
+    font-family: "PingFang SC";
+    font-style: normal;
+    font-weight: 500;
+    line-height: 3.80952vmin;
+    margin-bottom: 2.53968vmin;
+  }
+  .task-quiz-popup .quiz-popup .content-footer {
+    width: 100%;
+    height: 8.88889vmin;
+    font-size: 2.53968vmin;
+    font-weight: 400;
+    color: #999;
+    line-height: 3.1746vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 0 2.53968vmin;
+    box-sizing: border-box;
+  }
+  .task-quiz-popup .quiz-popup .content-footer view {
+    flex: 1;
+    height: 6.34921vmin;
+    font-weight: 500;
+    line-height: 6.34921vmin;
+    font-size: 2.22222vmin;
+    text-align: center;
+    border-radius: 3.1746vmin;
+    box-sizing: border-box;
+  }
+  .task-quiz-popup .quiz-popup .content-footer .last-step {
+    margin-right: 2.38095vmin;
+  }
+  .task-quiz-popup .quiz-popup .content-footer .last-step,
+  .task-quiz-popup .quiz-popup .content-footer .next-step {
+    color: #1472ff;
+    border: 0.15873vmin solid #1472ff;
+  }
+  .task-quiz-popup .quiz-popup .content-footer .submit-step {
+    color: #fff;
+    background: #1472ff;
+  }
+}
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  .task-quiz-popup {
+    height: 100%;
+  }
+  .task-quiz-popup .quiz-popup {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: #f5f5f5;
+    border-radius: 1.5625vmin 1.5625vmin 0 0;
+    z-index: 500;
+  }
+  .task-quiz-popup .quiz-popup .content-header {
+    width: 100%;
+    height: 6.25vmin;
+    font-size: 2.08333vmin;
+    font-weight: 500;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+  }
+  .task-quiz-popup .quiz-popup .content-header .popup-close-icon {
+    width: 2.08333vmin;
+    height: 2.08333vmin;
+    position: absolute;
+    top: 2.08333vmin;
+    right: 2.08333vmin;
+  }
+  .task-quiz-popup .quiz-popup .popup-content {
+    flex: 1;
+    box-sizing: border-box;
+    overflow-y: overlay;
+    padding: 0 2.08333vmin;
+    width: 100%;
+  }
+  .task-quiz-popup .quiz-popup .popup-content .reward-show-box {
+    display: flex;
+    padding: 2.08333vmin 1.5625vmin;
+    flex-direction: column;
+    align-items: flex-start;
+    border-radius: 1.04167vmin;
+    background: #fff;
+    color: #333333;
+    font-family: "PingFang SC";
+    font-size: 1.82292vmin;
+    font-style: normal;
+    font-weight: 400;
+    margin-bottom: 2.08333vmin;
+    line-height: 2.60417vmin;
+  }
+  .task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-condition {
+    font-weight: 500;
+  }
+  .task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-condition .orange-color {
+    color: #ff5429;
+  }
+  .task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-result {
+    display: flex;
+    align-items: center;
+    margin-top: 0.52083vmin;
+  }
+  .task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-result .reward-result-show {
+    margin-left: 1.04167vmin;
+    color: #ff5429;
+    font-size: 1.5625vmin;
+    display: inline-flex;
+    align-items: center;
+  }
+  .task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-result .reward-result-show .reward-img {
+    width: 1.5625vmin;
+    height: 1.5625vmin;
+    padding: 0.26042vmin 0;
+    vertical-align: top;
+  }
+  .task-quiz-popup .quiz-popup .popup-content .analysis-tip {
+    font-size: 2.08333vmin;
+    color: #333333;
+    font-family: "PingFang SC";
+    font-style: normal;
+    font-weight: 500;
+    line-height: 3.125vmin;
+    margin-bottom: 2.08333vmin;
+  }
+  .task-quiz-popup .quiz-popup .content-footer {
+    width: 100%;
+    height: 7.29167vmin;
+    font-size: 2.08333vmin;
+    font-weight: 400;
+    color: #999;
+    line-height: 2.60417vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 0 2.08333vmin;
+    box-sizing: border-box;
+  }
+  .task-quiz-popup .quiz-popup .content-footer view {
+    flex: 1;
+    height: 5.20833vmin;
+    font-weight: 500;
+    line-height: 5.20833vmin;
+    font-size: 1.82292vmin;
+    text-align: center;
+    border-radius: 2.60417vmin;
+    box-sizing: border-box;
+  }
+  .task-quiz-popup .quiz-popup .content-footer .last-step {
+    margin-right: 1.95312vmin;
+  }
+  .task-quiz-popup .quiz-popup .content-footer .last-step,
+  .task-quiz-popup .quiz-popup .content-footer .next-step {
+    color: #1472ff;
+    border: 0.13021vmin solid #1472ff;
+  }
+  .task-quiz-popup .quiz-popup .content-footer .submit-step {
+    color: #fff;
+    background: #1472ff;
+  }
+}

package/miniprogram_dist/Task/taskQuizRemindPopup/index.js

@@ -0,0 +1,79 @@
+import { scatterRequest } from '../../common/utils/tool';
+Component({
+
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    showPopup:{
+      type: Boolean,
+      value: false
+    },
+    // 任务列表中进行中的答题任务
+    quiz_task_start_list: {
+      type: Object,
+      value: {}
+    },
+    // 直播间人次
+    viewCount: {
+      type: Number,
+      value: 0
+    }
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    btnLock: false
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    closePop(){
+      this.triggerEvent("closePop")
+      this.setData({ btnLock: false })
+    },
+    quizHandle() {
+      if (this.data.btnLock) return;
+      this.setData({ btnLock: true })
+      scatterRequest(
+        // 随机条件
+        () => {
+          let delay = 0;
+          if (this.data.viewCount > 10000) {
+            // pv: 10000，则0-3秒随机打散
+            const randomDelay = Math.random();
+            delay = Math.ceil(randomDelay * 3000); // 转换为毫秒
+          }
+          return delay;
+        },
+        // 打散配置
+        {
+          defaultDelay: 0, // 默认打散时间
+          useScatter: true, // * 是否触发打散
+        },
+        async () => {
+          if (this.data.quiz_task_start_list.length === 1) {
+            // 如果只有一个拉起答题
+            this.triggerEvent("openRelatedPop",
+              {
+                quiz_task_item: this.data.quiz_task_start_list[0],
+                show_quiz_popup: true,
+              }
+            )
+          } else if (this.data.quiz_task_start_list.length > 1) {
+            this.triggerEvent("openRelatedPop",
+              {
+                show_task_popup: true,
+              }
+            )
+          }
+          this.closePop();
+        }
+      );
+    }
+  }
+})

package/miniprogram_dist/Task/taskQuizRemindPopup/index.json

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