xiaoe_mp_npm 1.0.21 → 1.0.22-test02

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

@@ -0,0 +1,521 @@
+image {
+  vertical-align: middle;
+}
+.card-margin-bottom {
+  margin-bottom: 4.26667vmin;
+}
+.question-cover {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: 4.26667vmin 3.2vmin;
+  background-color: #ffffff;
+  border-radius: 2.13333vmin;
+}
+.question-cover .question-type {
+  display: flex;
+  padding: 0.53333vmin 1.06667vmin;
+  justify-content: center;
+  align-items: center;
+  border-radius: 0.53333vmin;
+  background: #f5f5f5;
+  backdrop-filter: blur(0.1rem);
+  font-size: 2.66667vmin;
+  font-style: normal;
+  font-weight: 500;
+  color: #b2b2b2;
+  margin-bottom: 2.13333vmin;
+}
+.question-cover .question-content-cover {
+  display: flex;
+  align-items: flex-start;
+  width: 100%;
+  margin-bottom: 6.4vmin;
+  color: #333333;
+  font-family: "PingFang SC";
+  font-size: 4.26667vmin;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 6.4vmin;
+}
+.question-cover .question-option-list {
+  width: 100%;
+}
+.question-cover .question-option-list .question-option {
+  display: flex;
+  align-items: flex-start;
+  min-height: 6.4vmin;
+  border-radius: 2.13333vmin;
+  font-family: "PingFang SC";
+  font-size: 4.26667vmin;
+  font-style: normal;
+  font-weight: 400;
+  margin-bottom: 6.4vmin;
+}
+.question-cover .question-option-list .question-option:last-child {
+  margin-bottom: 0;
+}
+.question-cover .question-option-list .question-option .img-cover {
+  height: 6.4vmin;
+  width: 5.33333vmin;
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  margin-right: 2.13333vmin;
+}
+.question-cover .question-option-list .question-option .img-cover .check-icon {
+  width: 5.33333vmin;
+  height: 5.33333vmin;
+}
+.question-cover .question-option-list .question-option .judge-item {
+  font-size: 3.73333vmin;
+  font-weight: 400;
+  line-height: 5.86667vmin;
+  width: 100%;
+}
+.question-cover .question-option-list .question-option .index {
+  line-height: 6.4vmin;
+}
+.question-cover .question-option-list .question-option .title {
+  flex: 1;
+  overflow: hidden;
+  padding: 0;
+  word-wrap: break-word;
+  line-height: 6.4vmin;
+  box-sizing: border-box;
+  max-width: 100%;
+}
+.question-cover .question-analysis {
+  width: 100%;
+  margin-top: 6.4vmin;
+  font-size: 3.73333vmin;
+  padding: 4.26667vmin 3.2vmin;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  border-radius: 1.06667vmin;
+  background: #f5f5f5;
+  box-sizing: border-box;
+}
+.question-cover .question-analysis .question-analysis-top-part .question-result {
+  color: #ff4747;
+  font-size: 3.73333vmin;
+  font-style: normal;
+  font-weight: 500;
+  margin-bottom: 3.2vmin;
+}
+.question-cover .question-analysis .question-analysis-top-part .right-color {
+  color: #07c160;
+}
+.question-cover .question-analysis .question-analysis-top-part .question-answer-box {
+  display: flex;
+}
+.question-cover .question-analysis .question-analysis-top-part .question-answer-box .question-answer {
+  margin-right: 4.26667vmin;
+  font-weight: 400;
+  color: #666666;
+}
+.question-cover .question-analysis .question-tip {
+  margin-top: 3.2vmin;
+  margin-bottom: 1.06667vmin;
+  color: #666666;
+  line-height: 5.33333vmin;
+}
+.question-cover .question-analysis .question-analysis-content {
+  color: #333333;
+  font-family: "PingFang SC";
+  font-size: 3.73333vmin;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 5.33333vmin;
+}
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  .card-margin-bottom {
+    margin-bottom: 2.08333vmin;
+  }
+  .question-cover {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    padding: 2.08333vmin 1.5625vmin;
+    background-color: #ffffff;
+    border-radius: 1.04167vmin;
+  }
+  .question-cover .question-type {
+    display: flex;
+    padding: 0.26042vmin 0.52083vmin;
+    justify-content: center;
+    align-items: center;
+    border-radius: 0.26042vmin;
+    background: #f5f5f5;
+    backdrop-filter: blur(0.1rem);
+    font-size: 1.30208vmin;
+    font-style: normal;
+    font-weight: 500;
+    color: #b2b2b2;
+    margin-bottom: 1.04167vmin;
+  }
+  .question-cover .question-content-cover {
+    display: flex;
+    align-items: flex-start;
+    width: 100%;
+    margin-bottom: 3.125vmin;
+    color: #333333;
+    font-family: "PingFang SC";
+    font-size: 2.08333vmin;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 3.125vmin;
+  }
+  .question-cover .question-option-list {
+    width: 100%;
+  }
+  .question-cover .question-option-list .question-option {
+    display: flex;
+    align-items: flex-start;
+    min-height: 3.125vmin;
+    border-radius: 1.04167vmin;
+    font-family: "PingFang SC";
+    font-size: 2.08333vmin;
+    font-style: normal;
+    font-weight: 400;
+    margin-bottom: 3.125vmin;
+  }
+  .question-cover .question-option-list .question-option:last-child {
+    margin-bottom: 0;
+  }
+  .question-cover .question-option-list .question-option .img-cover {
+    height: 3.125vmin;
+    width: 2.60417vmin;
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    margin-right: 1.04167vmin;
+  }
+  .question-cover .question-option-list .question-option .img-cover .check-icon {
+    width: 2.60417vmin;
+    height: 2.60417vmin;
+  }
+  .question-cover .question-option-list .question-option .judge-item {
+    font-size: 1.82292vmin;
+    font-weight: 400;
+    line-height: 2.86458vmin;
+    width: 100%;
+  }
+  .question-cover .question-option-list .question-option .index {
+    line-height: 3.125vmin;
+  }
+  .question-cover .question-option-list .question-option .title {
+    flex: 1;
+    overflow: hidden;
+    padding: 0;
+    word-wrap: break-word;
+    line-height: 3.125vmin;
+    box-sizing: border-box;
+    max-width: 100%;
+  }
+  .question-cover .question-analysis {
+    width: 100%;
+    margin-top: 3.125vmin;
+    font-size: 1.82292vmin;
+    padding: 2.08333vmin 1.5625vmin;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    border-radius: 0.52083vmin;
+    background: #f5f5f5;
+    box-sizing: border-box;
+  }
+  .question-cover .question-analysis .question-analysis-top-part .question-result {
+    color: #ff4747;
+    font-size: 1.82292vmin;
+    font-style: normal;
+    font-weight: 500;
+    margin-bottom: 1.5625vmin;
+  }
+  .question-cover .question-analysis .question-analysis-top-part .right-color {
+    color: #07c160;
+  }
+  .question-cover .question-analysis .question-analysis-top-part .question-answer-box {
+    display: flex;
+  }
+  .question-cover .question-analysis .question-analysis-top-part .question-answer-box .question-answer {
+    margin-right: 2.08333vmin;
+    font-weight: 400;
+    color: #666666;
+  }
+  .question-cover .question-analysis .question-tip {
+    margin-top: 1.5625vmin;
+    margin-bottom: 0.52083vmin;
+    color: #666666;
+    line-height: 2.60417vmin;
+  }
+  .question-cover .question-analysis .question-analysis-content {
+    color: #333333;
+    font-family: "PingFang SC";
+    font-size: 1.82292vmin;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 2.60417vmin;
+  }
+}
+@media screen and (min-height: 630px) and (orientation: landscape) {
+  .card-margin-bottom {
+    margin-bottom: 2.53968vmin;
+  }
+  .question-cover {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    padding: 2.53968vmin 1.90476vmin;
+    background-color: #ffffff;
+    border-radius: 1.26984vmin;
+  }
+  .question-cover .question-type {
+    display: flex;
+    padding: 0.31746vmin 0.63492vmin;
+    justify-content: center;
+    align-items: center;
+    border-radius: 0.31746vmin;
+    background: #f5f5f5;
+    backdrop-filter: blur(0.1rem);
+    font-size: 1.5873vmin;
+    font-style: normal;
+    font-weight: 500;
+    color: #b2b2b2;
+    margin-bottom: 1.26984vmin;
+  }
+  .question-cover .question-content-cover {
+    display: flex;
+    align-items: flex-start;
+    width: 100%;
+    margin-bottom: 3.80952vmin;
+    color: #333333;
+    font-family: "PingFang SC";
+    font-size: 2.53968vmin;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 3.80952vmin;
+  }
+  .question-cover .question-option-list {
+    width: 100%;
+  }
+  .question-cover .question-option-list .question-option {
+    display: flex;
+    align-items: flex-start;
+    min-height: 3.80952vmin;
+    border-radius: 1.26984vmin;
+    font-family: "PingFang SC";
+    font-size: 2.53968vmin;
+    font-style: normal;
+    font-weight: 400;
+    margin-bottom: 3.80952vmin;
+  }
+  .question-cover .question-option-list .question-option:last-child {
+    margin-bottom: 0;
+  }
+  .question-cover .question-option-list .question-option .img-cover {
+    height: 3.80952vmin;
+    width: 3.1746vmin;
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    margin-right: 1.26984vmin;
+  }
+  .question-cover .question-option-list .question-option .img-cover .check-icon {
+    width: 3.1746vmin;
+    height: 3.1746vmin;
+  }
+  .question-cover .question-option-list .question-option .judge-item {
+    font-size: 2.22222vmin;
+    font-weight: 400;
+    line-height: 3.49206vmin;
+    width: 100%;
+  }
+  .question-cover .question-option-list .question-option .index {
+    line-height: 3.80952vmin;
+  }
+  .question-cover .question-option-list .question-option .title {
+    flex: 1;
+    overflow: hidden;
+    padding: 0;
+    word-wrap: break-word;
+    line-height: 3.80952vmin;
+    box-sizing: border-box;
+    max-width: 100%;
+  }
+  .question-cover .question-analysis {
+    width: 100%;
+    margin-top: 3.80952vmin;
+    font-size: 2.22222vmin;
+    padding: 2.53968vmin 1.90476vmin;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    border-radius: 0.63492vmin;
+    background: #f5f5f5;
+    box-sizing: border-box;
+  }
+  .question-cover .question-analysis .question-analysis-top-part .question-result {
+    color: #ff4747;
+    font-size: 2.22222vmin;
+    font-style: normal;
+    font-weight: 500;
+    margin-bottom: 1.90476vmin;
+  }
+  .question-cover .question-analysis .question-analysis-top-part .right-color {
+    color: #07c160;
+  }
+  .question-cover .question-analysis .question-analysis-top-part .question-answer-box {
+    display: flex;
+  }
+  .question-cover .question-analysis .question-analysis-top-part .question-answer-box .question-answer {
+    margin-right: 2.53968vmin;
+    font-weight: 400;
+    color: #666666;
+  }
+  .question-cover .question-analysis .question-tip {
+    margin-top: 1.90476vmin;
+    margin-bottom: 0.63492vmin;
+    color: #666666;
+    line-height: 3.1746vmin;
+  }
+  .question-cover .question-analysis .question-analysis-content {
+    color: #333333;
+    font-family: "PingFang SC";
+    font-size: 2.22222vmin;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 3.1746vmin;
+  }
+}
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  .card-margin-bottom {
+    margin-bottom: 2.08333vmin;
+  }
+  .question-cover {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    padding: 2.08333vmin 1.5625vmin;
+    background-color: #ffffff;
+    border-radius: 1.04167vmin;
+  }
+  .question-cover .question-type {
+    display: flex;
+    padding: 0.26042vmin 0.52083vmin;
+    justify-content: center;
+    align-items: center;
+    border-radius: 0.26042vmin;
+    background: #f5f5f5;
+    backdrop-filter: blur(0.1rem);
+    font-size: 1.30208vmin;
+    font-style: normal;
+    font-weight: 500;
+    color: #b2b2b2;
+    margin-bottom: 1.04167vmin;
+  }
+  .question-cover .question-content-cover {
+    display: flex;
+    align-items: flex-start;
+    width: 100%;
+    margin-bottom: 3.125vmin;
+    color: #333333;
+    font-family: "PingFang SC";
+    font-size: 2.08333vmin;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 3.125vmin;
+  }
+  .question-cover .question-option-list {
+    width: 100%;
+  }
+  .question-cover .question-option-list .question-option {
+    display: flex;
+    align-items: flex-start;
+    min-height: 3.125vmin;
+    border-radius: 1.04167vmin;
+    font-family: "PingFang SC";
+    font-size: 2.08333vmin;
+    font-style: normal;
+    font-weight: 400;
+    margin-bottom: 3.125vmin;
+  }
+  .question-cover .question-option-list .question-option:last-child {
+    margin-bottom: 0;
+  }
+  .question-cover .question-option-list .question-option .img-cover {
+    height: 3.125vmin;
+    width: 2.60417vmin;
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    margin-right: 1.04167vmin;
+  }
+  .question-cover .question-option-list .question-option .img-cover .check-icon {
+    width: 2.60417vmin;
+    height: 2.60417vmin;
+  }
+  .question-cover .question-option-list .question-option .judge-item {
+    font-size: 1.82292vmin;
+    font-weight: 400;
+    line-height: 2.86458vmin;
+    width: 100%;
+  }
+  .question-cover .question-option-list .question-option .index {
+    line-height: 3.125vmin;
+  }
+  .question-cover .question-option-list .question-option .title {
+    flex: 1;
+    overflow: hidden;
+    padding: 0;
+    word-wrap: break-word;
+    line-height: 3.125vmin;
+    box-sizing: border-box;
+    max-width: 100%;
+  }
+  .question-cover .question-analysis {
+    width: 100%;
+    margin-top: 3.125vmin;
+    font-size: 1.82292vmin;
+    padding: 2.08333vmin 1.5625vmin;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    border-radius: 0.52083vmin;
+    background: #f5f5f5;
+    box-sizing: border-box;
+  }
+  .question-cover .question-analysis .question-analysis-top-part .question-result {
+    color: #ff4747;
+    font-size: 1.82292vmin;
+    font-style: normal;
+    font-weight: 500;
+    margin-bottom: 1.5625vmin;
+  }
+  .question-cover .question-analysis .question-analysis-top-part .right-color {
+    color: #07c160;
+  }
+  .question-cover .question-analysis .question-analysis-top-part .question-answer-box {
+    display: flex;
+  }
+  .question-cover .question-analysis .question-analysis-top-part .question-answer-box .question-answer {
+    margin-right: 2.08333vmin;
+    font-weight: 400;
+    color: #666666;
+  }
+  .question-cover .question-analysis .question-tip {
+    margin-top: 1.5625vmin;
+    margin-bottom: 0.52083vmin;
+    color: #666666;
+    line-height: 2.60417vmin;
+  }
+  .question-cover .question-analysis .question-analysis-content {
+    color: #333333;
+    font-family: "PingFang SC";
+    font-size: 1.82292vmin;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 2.60417vmin;
+  }
+}

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

@@ -0,0 +1,47 @@
+import WxParse from '../wxParse/wxParse'
+Component({
+
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    // 展示的内容对象
+    richTextContent: {
+      type: String,
+      value: '',
+      observer(val){
+        // 获取富文本的内容操作
+        if(val) this.getRichTextContent(val)
+      }
+    }
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    // 获取富文本的内容
+    getRichTextContent(richContent) {
+      WxParse.wxParse('richContent', 'html', richContent, this)
+      setTimeout(() => {
+        console.error('jer===========richContent', this.data.richContent);
+      }, 0);
+    },
+    imageInit(e) {
+      WxParse.imageLoad(e, this).then(() => {
+        // 不知道为啥不响应渲染，所以这里重新setdata一次
+        this.setData({
+          richContent: this.data.richContent
+        })
+        console.error('jer===========????img', this.data.richTextContent, this.data.richContent);
+      })
+    },
+  }
+})

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

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "audio-player": "../../../../../../../components/audio_player/index"
+  }
+}

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

@@ -0,0 +1,7 @@
+$deviceWidth: 750;
+
+@function vmin($rpx) {
+  @return #{$rpx * 100 / $deviceWidth}vmin;
+}
+
+@import '..\\wxParse/wxParse.wxss';

package/miniprogram_dist/Task/TaskQuizPopup/components/quizRichText/index.wxml

@@ -0,0 +1,2 @@
+<import src="../wxParse/wxParse.wxml" />
+<template is="wxParse" data="{{ wxParseData:richContent.nodes }}" />