xiaoe_mp_npm 1.1.21 → 1.1.22-test02

package/miniprogram_dist/Task/TaskQuizPopup/components/quizContent/index.js

@@ -1,132 +1,132 @@
-const computedBehavior = require('miniprogram-computed').behavior
-Component({
-  behaviors: [computedBehavior],
-
-  /**
-   * 组件的属性列表
-   */
-  properties: {
-    // 展示的题目内容对象
-    questionContent: {
-      type: Object,
-      value: {},
-      observer(val){
-        // 获取正确答案和用户作答的选项
-        if (val?.id) {
-          // 获取富文本的内容操作
-          // this.getRichTextContent(val)
-          const correctAnswer = this.getAnswerMap(val, val.correct_answer)
-          const userAnswer = this.getAnswerMap(val, val.user_answer)
-          this.setData({
-            correctAnswer,
-            userAnswer
-          })
-        }
-      }
-    },
-    // 是否是结果解析
-    showAnalysis: {
-      type: Boolean,
-      value: false,
-    },
-    // 题目序号
-    quizIndex: {
-      type: Number,
-      value: 1,
-    },
-  },
-
-  /**
-   * 组件的初始数据
-   */
-  data: {
-    // 答案选项映射
-    optionIndexMap: [
-      'A',
-      'B',
-      'C',
-      'D',
-      'E',
-      'F',
-      'G',
-      'H',
-      'I',
-      'J',
-      'K',
-      'L',
-      'M',
-      'N',
-      'O',
-      'P',
-      'Q',
-      'R',
-      'S',
-      'T',
-      'U',
-      'V',
-      'W',
-      'X',
-      'Y',
-      'Z',
-    ],
-    correctAnswer: '', // 正确答案
-    userAnswer: '', // 用户作答选项
-  },
-  computed: {
-    // 单选题/多选题/判断题才会显示答案
-    isShowOptionList({ questionContent }) {
-      return [0, 1, 3].includes(questionContent?.qs_type)
-    },
-    // 用户是否回答正确
-    isSuccess({ questionContent }) {
-      let correctAnswer = questionContent?.correct_answer
-      let userAnswer = questionContent?.user_answer
-      return (
-        correctAnswer &&
-        userAnswer &&
-        userAnswer.length === correctAnswer.length &&
-        userAnswer.every((val) => correctAnswer.includes(val))
-      )
-    },
-  },
-  /**
-   * 组件的方法列表
-   */
-  methods: {
-    // 选择答案操作
-    clickOption(e) {
-      // 查看解析情况下，不能选择
-      if (this.data.showAnalysis) return
-      this.triggerEvent('clickOption', e.currentTarget.dataset.index)
-    },  
-    /**
-     * 获取答案对应的结果
-     * @param questionContent 题目内容
-     * @param answerList 需要操作的答案列表
-     * @returns 
-     */
-    getAnswerMap(questionContent, answerList) {
-      if (!this.data.showAnalysis) return ''
-      let letters = []
-      let temp = JSON.parse(JSON.stringify(answerList))
-      if (typeof temp === 'number') {
-        temp = [temp]
-      }
-      questionContent.options.forEach((item, index) => {
-        if (temp.indexOf(String(item.op_id)) >= 0) {
-          // 如果是判断题写入的是正确，错误
-          if (questionContent.qs_type === 3) {
-            letters.push(
-              this.data.optionIndexMap[index] === 'A'
-                ? '正确'
-                : '错误'
-            )
-          } else {
-            letters.push(this.data.optionIndexMap[index])
-          }
-        }
-      })
-      return letters.join(' ')
-    },
-  }
+const computedBehavior = require('miniprogram-computed').behavior
+Component({
+  behaviors: [computedBehavior],
+
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    // 展示的题目内容对象
+    questionContent: {
+      type: Object,
+      value: {},
+      observer(val){
+        // 获取正确答案和用户作答的选项
+        if (val?.id) {
+          // 获取富文本的内容操作
+          // this.getRichTextContent(val)
+          const correctAnswer = this.getAnswerMap(val, val.correct_answer)
+          const userAnswer = this.getAnswerMap(val, val.user_answer)
+          this.setData({
+            correctAnswer,
+            userAnswer
+          })
+        }
+      }
+    },
+    // 是否是结果解析
+    showAnalysis: {
+      type: Boolean,
+      value: false,
+    },
+    // 题目序号
+    quizIndex: {
+      type: Number,
+      value: 1,
+    },
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    // 答案选项映射
+    optionIndexMap: [
+      'A',
+      'B',
+      'C',
+      'D',
+      'E',
+      'F',
+      'G',
+      'H',
+      'I',
+      'J',
+      'K',
+      'L',
+      'M',
+      'N',
+      'O',
+      'P',
+      'Q',
+      'R',
+      'S',
+      'T',
+      'U',
+      'V',
+      'W',
+      'X',
+      'Y',
+      'Z',
+    ],
+    correctAnswer: '', // 正确答案
+    userAnswer: '', // 用户作答选项
+  },
+  computed: {
+    // 单选题/多选题/判断题才会显示答案
+    isShowOptionList({ questionContent }) {
+      return [0, 1, 3].includes(questionContent?.qs_type)
+    },
+    // 用户是否回答正确
+    isSuccess({ questionContent }) {
+      let correctAnswer = questionContent?.correct_answer
+      let userAnswer = questionContent?.user_answer
+      return (
+        correctAnswer &&
+        userAnswer &&
+        userAnswer.length === correctAnswer.length &&
+        userAnswer.every((val) => correctAnswer.includes(val))
+      )
+    },
+  },
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    // 选择答案操作
+    clickOption(e) {
+      // 查看解析情况下，不能选择
+      if (this.data.showAnalysis) return
+      this.triggerEvent('clickOption', e.currentTarget.dataset.index)
+    },  
+    /**
+     * 获取答案对应的结果
+     * @param questionContent 题目内容
+     * @param answerList 需要操作的答案列表
+     * @returns 
+     */
+    getAnswerMap(questionContent, answerList) {
+      if (!this.data.showAnalysis) return ''
+      let letters = []
+      let temp = JSON.parse(JSON.stringify(answerList))
+      if (typeof temp === 'number') {
+        temp = [temp]
+      }
+      questionContent.options.forEach((item, index) => {
+        if (temp.indexOf(String(item.op_id)) >= 0) {
+          // 如果是判断题写入的是正确，错误
+          if (questionContent.qs_type === 3) {
+            letters.push(
+              this.data.optionIndexMap[index] === 'A'
+                ? '正确'
+                : '错误'
+            )
+          } else {
+            letters.push(this.data.optionIndexMap[index])
+          }
+        }
+      })
+      return letters.join(' ')
+    },
+  }
 })

package/miniprogram_dist/Task/TaskQuizPopup/components/quizContent/index.json

@@ -1,6 +1,6 @@
-{
-  "component": true,
-  "usingComponents": {
-    "quizRichText": "../quizRichText/index"
-  }
+{
+  "component": true,
+  "usingComponents": {
+    "quizRichText": "../quizRichText/index"
+  }
 }

package/miniprogram_dist/Task/TaskQuizPopup/components/quizContent/index.scss

@@ -1,192 +1,192 @@
-$deviceWidth: 750;
-
-@function vmin($rpx) {
-  @return #{$rpx * 100 / $deviceWidth}vmin;
-}
-
-@mixin card-margin-bottom {
-  margin-bottom: vmin(32);
-}
-@mixin question-cover {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  padding: vmin(32) vmin(24);
-  background-color: #ffffff;
-  border-radius: vmin(16);
-  .question-type {
-    display: flex;
-    padding: vmin(4) vmin(8);
-    justify-content: center;
-    align-items: center;
-    border-radius: vmin(4);
-    background: #f5f5f5;
-    backdrop-filter: blur(0.1rem);
-    font-size: vmin(20);
-    font-style: normal;
-    font-weight: 500;
-    color: #b2b2b2;
-    margin-bottom: vmin(16);
-  }
-  .question-content-cover {
-    display: flex;
-    align-items: flex-start;
-    width: 100%;
-    margin-bottom: vmin(48);
-    color: #333333;
-    font-family: "PingFang SC";
-    font-size: vmin(32);
-    font-style: normal;
-    font-weight: 500;
-    line-height: vmin(48);
-    .question-content {
-    }
-  }
-  .question-option-list {
-    width: 100%;
-    .question-option {
-      display: flex;
-      align-items: flex-start;
-      min-height: vmin(48);
-      border-radius: vmin(16);
-      font-family: "PingFang SC";
-      font-size: vmin(32);
-      font-style: normal;
-      font-weight: 400;
-      margin-bottom: vmin(48);
-      &:last-child {
-        margin-bottom: 0;
-      }
-      .img-cover {
-        height: vmin(48);
-        width: vmin(40);
-        display: flex;
-        flex-shrink: 0;
-        align-items: center;
-        margin-right: vmin(16);
-        .check-icon {
-          width: vmin(40);
-          height: vmin(40);
-        }
-      }
-      .judge-item {
-        font-size: vmin(28);
-        font-weight: 400;
-        line-height: vmin(44);
-        width: 100%;
-      }
-
-      .index {
-        line-height: vmin(48);
-      }
-      .title {
-        flex: 1;
-        overflow: hidden;
-        padding: 0;
-        word-wrap: break-word;
-        line-height: vmin(48);
-        box-sizing: border-box;
-        max-width: 100%;
-      }
-    }
-  }
-
-  .question-analysis {
-    width: 100%;
-    margin-top: vmin(48);
-    font-size: vmin(28);
-    padding: vmin(32) vmin(24);
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    border-radius: vmin(8);
-    background: #f5f5f5;
-    box-sizing: border-box;
-    .question-analysis-top-part {
-      .question-result {
-        color: #ff4747;
-        font-size: vmin(28);
-        font-style: normal;
-        font-weight: 500;
-        margin-bottom: vmin(24);
-      }
-      .right-color {
-        color: #07c160;
-      }
-      .question-answer-box {
-        display: flex;
-        .question-answer {
-          margin-right: vmin(32);
-          font-weight: 400;
-          color: #666666;
-        }
-      }
-    }
-    .question-tip {
-      margin-top: vmin(24);
-      margin-bottom: vmin(8);
-      color: #666666;
-      line-height: vmin(40);
-    }
-    .question-analysis-content {
-      color: #333333;
-      font-family: "PingFang SC";
-      font-size: vmin(28);
-      font-style: normal;
-      font-weight: 400;
-      line-height: vmin(40);
-    }
-  }
-}
-
-image {
-  vertical-align: middle;
-}
-
-.card-margin-bottom {
-  @include card-margin-bottom;
-}
-
-.question-cover {
-  @include question-cover;
-}
-
-// 竖屏pad
-@media screen and (min-width: 768px) and (orientation: portrait) {
-  $deviceWidth: 1536 !global;
-
-  .card-margin-bottom {
-    @include card-margin-bottom;
-  }
-
-  .question-cover {
-    @include question-cover;
-  }
-  
-}
-
-// PC 放大适配
-@media screen and (min-height: 630px) and (orientation: landscape) {
-  $deviceWidth: 1260 !global;
-
-  .card-margin-bottom {
-    @include card-margin-bottom;
-  }
-
-  .question-cover {
-    @include question-cover;
-  }  
-}
-
-// 横屏pad
-@media screen and (min-height: 768px) and (orientation: landscape) {
-  $deviceWidth: 1536 !global;
-
-  .card-margin-bottom {
-    @include card-margin-bottom;
-  }
-
-  .question-cover {
-    @include question-cover;
-  }
+$deviceWidth: 750;
+
+@function vmin($rpx) {
+  @return #{$rpx * 100 / $deviceWidth}vmin;
+}
+
+@mixin card-margin-bottom {
+  margin-bottom: vmin(32);
+}
+@mixin question-cover {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: vmin(32) vmin(24);
+  background-color: #ffffff;
+  border-radius: vmin(16);
+  .question-type {
+    display: flex;
+    padding: vmin(4) vmin(8);
+    justify-content: center;
+    align-items: center;
+    border-radius: vmin(4);
+    background: #f5f5f5;
+    backdrop-filter: blur(0.1rem);
+    font-size: vmin(20);
+    font-style: normal;
+    font-weight: 500;
+    color: #b2b2b2;
+    margin-bottom: vmin(16);
+  }
+  .question-content-cover {
+    display: flex;
+    align-items: flex-start;
+    width: 100%;
+    margin-bottom: vmin(48);
+    color: #333333;
+    font-family: "PingFang SC";
+    font-size: vmin(32);
+    font-style: normal;
+    font-weight: 500;
+    line-height: vmin(48);
+    .question-content {
+    }
+  }
+  .question-option-list {
+    width: 100%;
+    .question-option {
+      display: flex;
+      align-items: flex-start;
+      min-height: vmin(48);
+      border-radius: vmin(16);
+      font-family: "PingFang SC";
+      font-size: vmin(32);
+      font-style: normal;
+      font-weight: 400;
+      margin-bottom: vmin(48);
+      &:last-child {
+        margin-bottom: 0;
+      }
+      .img-cover {
+        height: vmin(48);
+        width: vmin(40);
+        display: flex;
+        flex-shrink: 0;
+        align-items: center;
+        margin-right: vmin(16);
+        .check-icon {
+          width: vmin(40);
+          height: vmin(40);
+        }
+      }
+      .judge-item {
+        font-size: vmin(28);
+        font-weight: 400;
+        line-height: vmin(44);
+        width: 100%;
+      }
+
+      .index {
+        line-height: vmin(48);
+      }
+      .title {
+        flex: 1;
+        overflow: hidden;
+        padding: 0;
+        word-wrap: break-word;
+        line-height: vmin(48);
+        box-sizing: border-box;
+        max-width: 100%;
+      }
+    }
+  }
+
+  .question-analysis {
+    width: 100%;
+    margin-top: vmin(48);
+    font-size: vmin(28);
+    padding: vmin(32) vmin(24);
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    border-radius: vmin(8);
+    background: #f5f5f5;
+    box-sizing: border-box;
+    .question-analysis-top-part {
+      .question-result {
+        color: #ff4747;
+        font-size: vmin(28);
+        font-style: normal;
+        font-weight: 500;
+        margin-bottom: vmin(24);
+      }
+      .right-color {
+        color: #07c160;
+      }
+      .question-answer-box {
+        display: flex;
+        .question-answer {
+          margin-right: vmin(32);
+          font-weight: 400;
+          color: #666666;
+        }
+      }
+    }
+    .question-tip {
+      margin-top: vmin(24);
+      margin-bottom: vmin(8);
+      color: #666666;
+      line-height: vmin(40);
+    }
+    .question-analysis-content {
+      color: #333333;
+      font-family: "PingFang SC";
+      font-size: vmin(28);
+      font-style: normal;
+      font-weight: 400;
+      line-height: vmin(40);
+    }
+  }
+}
+
+image {
+  vertical-align: middle;
+}
+
+.card-margin-bottom {
+  @include card-margin-bottom;
+}
+
+.question-cover {
+  @include question-cover;
+}
+
+// 竖屏pad
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  $deviceWidth: 1536 !global;
+
+  .card-margin-bottom {
+    @include card-margin-bottom;
+  }
+
+  .question-cover {
+    @include question-cover;
+  }
+  
+}
+
+// PC 放大适配
+@media screen and (min-height: 630px) and (orientation: landscape) {
+  $deviceWidth: 1260 !global;
+
+  .card-margin-bottom {
+    @include card-margin-bottom;
+  }
+
+  .question-cover {
+    @include question-cover;
+  }  
+}
+
+// 横屏pad
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  $deviceWidth: 1536 !global;
+
+  .card-margin-bottom {
+    @include card-margin-bottom;
+  }
+
+  .question-cover {
+    @include question-cover;
+  }
 }