xiaoe_mp_npm 1.0.22-test02 → 1.0.22-test04

package/miniprogram_dist/Task/TaskPopup/index.js

@@ -1,132 +1,134 @@
 const computedBehavior = require('miniprogram-computed').behavior
-import { rpxToVmin } from '../../common/utils/index.js'
+import { rpxToVmin } from '../../npm-compoent/miniprogram_npm/xiaoe_mp_npm/common/utils/index.js'
 Component({
   options: {
     styleIsolation: 'shared',
   },
   behaviors: [computedBehavior],
   properties: {
-    showPopup:{
+    showPopup: {
       type: Boolean,
-      value: false
+      value: false,
     },
-    taskList:{
-      type:Array,
-      value:()=>{
+    taskList: {
+      type: Array,
+      value: () => {
         return []
-      }
+      },
     },
-    errorList:{
-      type:Array,
-      value:()=>{
+    errorList: {
+      type: Array,
+      value: () => {
         return []
-      }
+      },
     },
-    rewardList:{
-      type:Array,
-      value:()=>{
+    rewardList: {
+      type: Array,
+      value: () => {
         return []
-      }
+      },
     },
-    hasRewardRecord:{
-      type:Boolean,
-      value: false
+    hasRewardRecord: {
+      type: Boolean,
+      value: false,
     },
     popPosition: {
       type: String,
-      value: 'bottom'
+      value: 'bottom',
     },
-    isShowClose:{
-      type:Boolean,
-      value: true
+    isShowClose: {
+      type: Boolean,
+      value: true,
     },
-    rewardListRefreshStatus:{
-      type:Boolean,
-      value: false
+    rewardListRefreshStatus: {
+      type: Boolean,
+      value: false,
     },
-    taskListRefreshStatus:{
-      type:Boolean,
-      value: false
+    taskListRefreshStatus: {
+      type: Boolean,
+      value: false,
     },
     orientation: {
       type: String,
-      value: 'hor'
+      value: 'hor',
     },
     isFull: {
-      type:Boolean,
-      value: false
+      type: Boolean,
+      value: false,
     },
-    viewingInProgress:{
-      type:Array,
-      value:()=>{
+    viewingInProgress: {
+      type: Array,
+      value: () => {
         return []
-      }
-    }
+      },
+    },
   },
   data: {
-    isShowTaskList:true
+    isShowTaskList: true,
   },
   lifetimes: {
     // 生命周期函数，可以为函数，或一个在methods段中定义的方法名
-    attached: function () {
-
-    },
-    moved: function () { },
-    detached: function () { },
+    attached: function () {},
+    moved: function () {},
+    detached: function () {},
   },
   computed: {
     customStyle(properties) {
       const { popPosition, orientation } = properties
       const position = `position: ${orientation === 'ver' ? 'fixed' : 'absolute'}; left: 0; bottom: 0`
-      return popPosition === "bottom" ? `${position}; width: ${orientation === 'ver' ? '100%' : ''}; height: calc(100% - ${rpxToVmin(422)});` : "height: 100%;width: 100vmin;"
-    },
-    popupContentBackground(data){
-      if(data.isShowTaskList){
-        return data.isFull ? 'background-image: url(https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltzgkkz00m0m.png)' : 'background-image: url(https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltqz384w02n9.png);'
-      }else{
-        return "background: #FFEFD7;"
+      return popPosition === 'bottom'
+        ? `${position}; width: ${orientation === 'ver' ? '100%' : ''}; height: calc(100% - ${rpxToVmin(422)});`
+        : 'height: 100%;width: 100vmin;'
+    },
+    popupContentBackground(data) {
+      if (data.isShowTaskList) {
+        return data.isFull
+          ? 'background-image: url(https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltzgkkz00m0m.png)'
+          : 'background-image: url(https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltqz384w02n9.png);'
+      } else {
+        return 'background: #FFEFD7;'
       }
-    }
+    },
   },
   methods: {
-    toReward(){
-      if(!this.properties.hasRewardRecord){
+    toReward() {
+      if (!this.properties.hasRewardRecord) {
         wx.showToast({
-          title: "还未完成任务，加油~",
-          icon:"none"
+          title: '还未完成任务，加油~',
+          icon: 'none',
         })
         return
       }
-      this.triggerEvent("toReward")
+      this.triggerEvent('toReward')
       this.setData({
-        isShowTaskList: false
+        isShowTaskList: false,
       })
     },
-    toBack(){
+    toBack() {
       this.setData({
-        isShowTaskList: true
+        isShowTaskList: true,
       })
     },
-    closePop(){
-      this.triggerEvent("closePop")
+    closePop() {
+      this.triggerEvent('closePop')
+    },
+    btnClick(e) {
+      this.triggerEvent('btnClick', e.detail)
     },
-    btnClick(e){
-      this.triggerEvent("btnClick",e.detail)
+    onLoad(e) {
+      this.triggerEvent('onLoad', e)
     },
-    onLoad(e){
-      this.triggerEvent("onLoad",e)
+    getMoreList(e) {
+      this.triggerEvent('getMoreList', e)
     },
-    getMoreList(e){
-      this.triggerEvent("getMoreList",e)
-    }
   },
   observers: {
-    showPopup(newVal){
-      if(newVal){
+    showPopup(newVal) {
+      if (newVal) {
         this.setData({
-          isShowTaskList: true
+          isShowTaskList: true,
         })
       }
-    }
+    },
   },
 })

package/miniprogram_dist/Task/TaskPopup/index.json

@@ -1,8 +1,8 @@
 {
   "component": true,
   "usingComponents": {
-    "custom-popup": "../../CustomPopup/index",
+    "custom-popup": "../../npm-compoent/miniprogram_npm/xiaoe_mp_npm/CustomPopup/index",
     "task-list": "./component/TaskList",
     "reward-list": "./component/RewardList"
   }
-}
+}

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

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

package/miniprogram_dist/Task/TaskQuizPopup/index.js

@@ -1,6 +1,6 @@
 const computedBehavior = require('miniprogram-computed').behavior
-import { rpxToVmin } from '../../common/utils/index.js'
-import Dialog from '@vant/weapp/dialog/dialog';
+import { rpxToVmin } from '../../npm-compoent/miniprogram_npm/xiaoe_mp_npm/common/utils/index.js'
+import Dialog from '@vant/weapp/dialog/dialog'
 
 // 奖励icon配置
 const reward_config = {
@@ -32,42 +32,42 @@ Component({
    * 组件的属性列表
    */
   properties: {
-    showPopup:{
+    showPopup: {
       type: Boolean,
-      value: false
+      value: false,
     },
     popPosition: {
       type: String,
-      value: 'bottom'
+      value: 'bottom',
     },
     orientation: {
       type: String,
-      value: 'hor'
+      value: 'hor',
     },
     // 当前打开弹窗的任务
     quiz_task_item: {
       type: Object,
-      value: {}
+      value: {},
     },
     // 当前任务的参与结果
     join_result: {
       type: Object,
-      value: {}
+      value: {},
     },
     // 当前答题数组
     show_quiz_list: {
       type: Array,
-      value: []
+      value: [],
     },
     // 当前查看解析的答题数组
     show_quiz_analysis_list: {
       type: Array,
-      value: []
+      value: [],
     },
     // 整个任务列表数据
     task_list: {
       type: Array,
-      value: []
+      value: [],
     },
     // 是否是结果解析
     showAnalysis: {
@@ -77,8 +77,8 @@ Component({
     // 是否全屏互动
     isFull: {
       type: Boolean,
-      value: false
-    }
+      value: false,
+    },
   },
 
   /**
@@ -92,7 +92,9 @@ Component({
   computed: {
     customStyle({ popPosition, orientation }) {
       const position = `position: ${orientation === 'ver' ? 'fixed' : 'absolute'}; left: 0; bottom: 0`
-      return popPosition === "bottom" ? `${position}; width: ${orientation === 'ver' ? '100%' : ''}; height: calc(100% - ${rpxToVmin(422)});` : "height: 100%;width: 100vmin;border-radius: 0;"
+      return popPosition === 'bottom'
+        ? `${position}; width: ${orientation === 'ver' ? '100%' : ''}; height: calc(100% - ${rpxToVmin(422)});`
+        : 'height: 100%;width: 100vmin;border-radius: 0;'
     },
     // 奖励图标
     rewardIcon({ quiz_task_item }) {
@@ -116,22 +118,25 @@ Component({
   observers: {
     showPopup(val) {
       if (val) {
-        this.setData({
-          currentIndex: 0,
-          total: this.data.show_quiz_list.length,
-          quizList: this.data[this.data.showAnalysis ? 'show_quiz_analysis_list' : 'show_quiz_list'],
-        }, ()=> {
-          console.error('jer=========进入弹窗', this.data);
-        })
+        this.setData(
+          {
+            currentIndex: 0,
+            total: this.data.show_quiz_list.length,
+            quizList: this.data[this.data.showAnalysis ? 'show_quiz_analysis_list' : 'show_quiz_list'],
+          },
+          () => {
+            console.error('jer=========进入弹窗', this.data)
+          },
+        )
       }
-    }
+    },
   },
   /**
    * 组件的方法列表
    */
   methods: {
-    closePop(){
-      this.triggerEvent("closePop")
+    closePop() {
+      this.triggerEvent('closePop')
       this.setData({
         currentIndex: 0,
         total: 0,
@@ -140,15 +145,15 @@ Component({
     },
     // 答题顺序恐惧
     handleQuizOrder(e) {
-      let currentIndex = this.data.currentIndex;
+      let currentIndex = this.data.currentIndex
       switch (e.currentTarget.dataset.type) {
-        case "prev":
-          currentIndex--;
-          break;
-        case "next":
-          currentIndex++;
-          break;
-        case "submit":
+        case 'prev':
+          currentIndex--
+          break
+        case 'next':
+          currentIndex++
+          break
+        case 'submit':
           Dialog.confirm({
             context: this,
             closeOnClickOverlay: false,
@@ -159,74 +164,73 @@ Component({
             confirmButtonColor: '#1472FF',
             zIndex: 501,
           })
-          .then(() => {
-            // 处理获取题目id和答案id
-            let params = this.data.quizList.map((item) => {
-              // 获取用户选择的答案
-              let userAnswer = [];
-              for (let index = 0; index < item.options.length; index++) {
-                const ele = item.options[index];
-                if (ele.selected) {
-                  userAnswer.push(ele.op_id);
+            .then(() => {
+              // 处理获取题目id和答案id
+              let params = this.data.quizList.map((item) => {
+                // 获取用户选择的答案
+                let userAnswer = []
+                for (let index = 0; index < item.options.length; index++) {
+                  const ele = item.options[index]
+                  if (ele.selected) {
+                    userAnswer.push(ele.op_id)
+                  }
+                }
+                return {
+                  qs_id: item.qs_id,
+                  op_id: userAnswer,
                 }
+              })
+              // 获取列表中当前任务是否结束了，兼容提交前端校验
+              const taskFindItem = this.data.task_list.find((item) => item.id === this.data.quiz_task_item.id) || {}
+              if (taskFindItem.state === 2) {
+                this.closePop()
+                wx.showToast({
+                  title: '当前答题已结束，无法继续提交',
+                  icon: 'none',
+                  duration: 1000,
+                })
+                return
               }
-              return {
-                qs_id: item.qs_id,
-                op_id: userAnswer,
-              };
-            });
-            // 获取列表中当前任务是否结束了，兼容提交前端校验
-            const taskFindItem =
-              this.data.task_list.find(
-                (item) => item.id === this.data.quiz_task_item.id
-              ) || {};
-            if (taskFindItem.state === 2) {
-              this.closePop()
-              wx.showToast({
-                title: '当前答题已结束，无法继续提交',
-                icon: 'none',
-                duration: 1000,
+              // 存储用户答案，用于接口请求参数
+              // 调用完成任务接口
+              this.triggerEvent('commonFulfilTasks', {
+                user_answer: params,
+                ids: [this.data.quiz_task_item.id],
+                taskItem: this.data.quiz_task_item,
               })
-              return;
-            }
-            // 存储用户答案，用于接口请求参数
-            // 调用完成任务接口
-            this.triggerEvent("commonFulfilTasks", {
-              user_answer: params,
-              ids: [this.data.quiz_task_item.id],
-              taskItem: this.data.quiz_task_item,
             })
-          })
-          .catch((err) => {
-            // 暂无操作
-          });
-          break;
+            .catch((err) => {
+              // 暂无操作
+            })
+          break
 
         default:
-          break;
+          break
       }
       this.setData({ currentIndex })
     },
     // 点击选项进行操作答题
     clickOption(e) {
       const index = e.detail
-      console.error('jer=============选择11111', index);
-      const tempQuizItem =
-        this.data.quizList[this.data.currentIndex];
+      console.error('jer=============选择11111', index)
+      const tempQuizItem = this.data.quizList[this.data.currentIndex]
       // 多选题
       if (tempQuizItem.qs_type === 1) {
         tempQuizItem.options[index].selected = !tempQuizItem.options[index].selected
       } else {
         for (let i = 0; i < tempQuizItem.options.length; i++) {
-          tempQuizItem.options[i].selected = false;
+          tempQuizItem.options[i].selected = false
         }
-        tempQuizItem.options[index].selected = true;
+        tempQuizItem.options[index].selected = true
       }
-      this.setData({
-        quizList: this.data.quizList
-      }, ()=> {
-        console.error('jer============更改之后的数组', this.data.quizList);
-      })
+      this.setData(
+        {
+          quizList: this.data.quizList,
+        },
+        () => {
+          console.error('jer============更改之后的数组', this.data.quizList)
+        },
+      )
     },
-  }
-})
+  },
+})

package/miniprogram_dist/Task/taskQuizRemindPopup/index.js

@@ -1,54 +1,53 @@
-import { scatterRequest } from '../../common/utils/tool';
+import { scatterRequest } from '../../npm-compoent/miniprogram_npm/xiaoe_mp_npm/common/utils/tool.js'
 Component({
-
   /**
    * 组件的属性列表
    */
   properties: {
-    showPopup:{
+    showPopup: {
       type: Boolean,
-      value: false
+      value: false,
     },
     // 任务列表中进行中的答题任务
     quiz_task_start_list: {
       type: Object,
-      value: {}
+      value: {},
     },
     // 直播间人次
     viewCount: {
       type: Number,
-      value: 0
-    }
+      value: 0,
+    },
   },
 
   /**
    * 组件的初始数据
    */
   data: {
-    btnLock: false
+    btnLock: false,
   },
 
   /**
    * 组件的方法列表
    */
   methods: {
-    closePop(){
-      this.triggerEvent("closePop")
+    closePop() {
+      this.triggerEvent('closePop')
       this.setData({ btnLock: false })
     },
     quizHandle() {
-      if (this.data.btnLock) return;
+      if (this.data.btnLock) return
       this.setData({ btnLock: true })
       scatterRequest(
         // 随机条件
         () => {
-          let delay = 0;
+          let delay = 0
           if (this.data.viewCount > 10000) {
             // pv: 10000，则0-3秒随机打散
-            const randomDelay = Math.random();
-            delay = Math.ceil(randomDelay * 3000); // 转换为毫秒
+            const randomDelay = Math.random()
+            delay = Math.ceil(randomDelay * 3000) // 转换为毫秒
           }
-          return delay;
+          return delay
         },
         // 打散配置
         {
@@ -58,22 +57,18 @@ Component({
         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,
-              }
-            )
+            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.triggerEvent('openRelatedPop', {
+              show_task_popup: true,
+            })
           }
-          this.closePop();
-        }
-      );
-    }
-  }
-})
+          this.closePop()
+        },
+      )
+    },
+  },
+})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xiaoe_mp_npm",
-  "version": "1.0.22-test02",
+  "version": "1.0.22-test04",
   "description": "",
   "main": "miniprogram_dist/index.js",
   "scripts": {

package/src/Task/TaskPopup/component/TaskItem/index.wxss

@@ -1 +1 @@
-.item-box{display:flex;align-items:center;justify-content:space-between;padding:4.26667vmin 3.2vmin;background:#FFFFFF}.item-box.line-class{position:relative}.item-box.line-class::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:4.26667vmin;bottom:0;left:4.26667vmin;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.item-box.bg-change{background:linear-gradient(180deg, #FFF3EB 0%, #fff 100%)}.item-box.radius{border-radius:2.13333vmin}.item-box.mb{margin-bottom:3.2vmin}.item-box .left{max-width:64.66667vmin}.item-box .left .first{line-height:5.33333vmin;display:flex;align-items:center}.item-box .left .first .title{font-size:3.73333vmin;font-weight:500;color:#333333;word-wrap:break-word;word-break:break-all;max-width:38.66667vmin}.item-box .left .first .reward{margin-left:2.13333vmin;color:#FF5429;font-size:3.2vmin;display:flex;align-items:center}.item-box .left .first .reward .reward-img{width:3.2vmin;height:3.2vmin}.item-box .left .first .reward .reward-text{margin-left:1.06667vmin;word-wrap:break-word;word-break:break-all}.item-box .left .time{margin-top:1.06667vmin;font-size:3.2vmin;color:#999999;line-height:4.26667vmin}.item-box .left .task-tip{margin-top:1.06667vmin;font-size:3.2vmin;color:#FF5429;font-family:"PingFang SC";line-height:4.26667vmin;align-items:center}.item-box .left .task-tip .finish-text{display:inline-block;color:#999999}.item-box .left .task-tip .show-answer{display:inline-flex;align-items:center;margin-left:2.66667vmin;font-style:normal;font-weight:400;line-height:4.26667vmin}.item-box .left .task-tip .show-answer .analysis-icon{width:3.2vmin;height:3.2vmin;margin-left:-vmin(4)}.item-box .btn{width:19.2vmin;height:7.46667vmin;background:linear-gradient(270deg, #FF9720 0%, #FF4040 100%);border-radius:9.6vmin;color:#FFFFFF;font-weight:500;font-size:3.2vmin;display:flex;justify-content:center;align-items:center;line-height:4.26667vmin}.item-box .btn.reward-btn{border:.13333vmin solid #1472FF;background:#FFF;color:#1472FF}.item-box .btn.gray-btn{background:#F5F5F5;color:#B2B2B2}.item-box .btn.orange-btn{color:#ffffff;opacity:0.4;background:#ff5429}@media screen and (min-width: 768px) and (orientation: portrait){.item-box{display:flex;align-items:center;justify-content:space-between;padding:2.08333vmin 1.5625vmin;background:#FFFFFF}.item-box.line-class{position:relative}.item-box.line-class::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:2.08333vmin;bottom:0;left:2.08333vmin;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.item-box.bg-change{background:linear-gradient(180deg, #FFF3EB 0%, #fff 100%)}.item-box.radius{border-radius:1.04167vmin}.item-box.mb{margin-bottom:1.5625vmin}.item-box .left{max-width:31.57552vmin}.item-box .left .first{line-height:2.60417vmin;display:flex;align-items:center}.item-box .left .first .title{font-size:1.82292vmin;font-weight:500;color:#333333;word-wrap:break-word;word-break:break-all;max-width:18.88021vmin}.item-box .left .first .reward{margin-left:1.04167vmin;color:#FF5429;font-size:1.5625vmin;display:flex;align-items:center}.item-box .left .first .reward .reward-img{width:1.5625vmin;height:1.5625vmin}.item-box .left .first .reward .reward-text{margin-left:.52083vmin;word-wrap:break-word;word-break:break-all}.item-box .left .time{margin-top:.52083vmin;font-size:1.5625vmin;color:#999999;line-height:2.08333vmin}.item-box .left .task-tip{margin-top:.52083vmin;font-size:1.5625vmin;color:#FF5429;font-family:"PingFang SC";line-height:2.08333vmin;align-items:center}.item-box .left .task-tip .finish-text{display:inline-block;color:#999999}.item-box .left .task-tip .show-answer{display:inline-flex;align-items:center;margin-left:1.30208vmin;font-style:normal;font-weight:400;line-height:2.08333vmin}.item-box .left .task-tip .show-answer .analysis-icon{width:1.5625vmin;height:1.5625vmin;margin-left:-vmin(4)}.item-box .btn{width:9.375vmin;height:3.64583vmin;background:linear-gradient(270deg, #FF9720 0%, #FF4040 100%);border-radius:4.6875vmin;color:#FFFFFF;font-weight:500;font-size:1.5625vmin;display:flex;justify-content:center;align-items:center;line-height:2.08333vmin}.item-box .btn.reward-btn{border:.0651vmin solid #1472FF;background:#FFF;color:#1472FF}.item-box .btn.gray-btn{background:#F5F5F5;color:#B2B2B2}.item-box .btn.orange-btn{color:#ffffff;opacity:0.4;background:#ff5429}}@media screen and (min-height: 630px) and (orientation: landscape){.item-box{display:flex;align-items:center;justify-content:space-between;padding:2.53968vmin 1.90476vmin;background:#FFFFFF}.item-box.line-class{position:relative}.item-box.line-class::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:2.53968vmin;bottom:0;left:2.53968vmin;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.item-box.bg-change{background:linear-gradient(180deg, #FFF3EB 0%, #fff 100%)}.item-box.radius{border-radius:1.26984vmin}.item-box.mb{margin-bottom:1.90476vmin}.item-box .left{max-width:38.49206vmin}.item-box .left .first{line-height:3.1746vmin;display:flex;align-items:center}.item-box .left .first .title{font-size:2.22222vmin;font-weight:500;color:#333333;word-wrap:break-word;word-break:break-all;max-width:23.01587vmin}.item-box .left .first .reward{margin-left:1.26984vmin;color:#FF5429;font-size:1.90476vmin;display:flex;align-items:center}.item-box .left .first .reward .reward-img{width:1.90476vmin;height:1.90476vmin}.item-box .left .first .reward .reward-text{margin-left:.63492vmin;word-wrap:break-word;word-break:break-all}.item-box .left .time{margin-top:.63492vmin;font-size:1.90476vmin;color:#999999;line-height:2.53968vmin}.item-box .left .task-tip{margin-top:.63492vmin;font-size:1.90476vmin;color:#FF5429;font-family:"PingFang SC";line-height:2.53968vmin;align-items:center}.item-box .left .task-tip .finish-text{display:inline-block;color:#999999}.item-box .left .task-tip .show-answer{display:inline-flex;align-items:center;margin-left:1.5873vmin;font-style:normal;font-weight:400;line-height:2.53968vmin}.item-box .left .task-tip .show-answer .analysis-icon{width:1.90476vmin;height:1.90476vmin;margin-left:-vmin(4)}.item-box .btn{width:11.42857vmin;height:4.44444vmin;background:linear-gradient(270deg, #FF9720 0%, #FF4040 100%);border-radius:5.71429vmin;color:#FFFFFF;font-weight:500;font-size:1.90476vmin;display:flex;justify-content:center;align-items:center;line-height:2.53968vmin}.item-box .btn.reward-btn{border:.07937vmin solid #1472FF;background:#FFF;color:#1472FF}.item-box .btn.gray-btn{background:#F5F5F5;color:#B2B2B2}.item-box .btn.orange-btn{color:#ffffff;opacity:0.4;background:#ff5429}}@media screen and (min-height: 768px) and (orientation: landscape){.item-box{display:flex;align-items:center;justify-content:space-between;padding:2.08333vmin 1.5625vmin;background:#FFFFFF}.item-box.line-class{position:relative}.item-box.line-class::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:2.08333vmin;bottom:0;left:2.08333vmin;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.item-box.bg-change{background:linear-gradient(180deg, #FFF3EB 0%, #fff 100%)}.item-box.radius{border-radius:1.04167vmin}.item-box.mb{margin-bottom:1.5625vmin}.item-box .left{max-width:31.57552vmin}.item-box .left .first{line-height:2.60417vmin;display:flex;align-items:center}.item-box .left .first .title{font-size:1.82292vmin;font-weight:500;color:#333333;word-wrap:break-word;word-break:break-all;max-width:18.88021vmin}.item-box .left .first .reward{margin-left:1.04167vmin;color:#FF5429;font-size:1.5625vmin;display:flex;align-items:center}.item-box .left .first .reward .reward-img{width:1.5625vmin;height:1.5625vmin}.item-box .left .first .reward .reward-text{margin-left:.52083vmin;word-wrap:break-word;word-break:break-all}.item-box .left .time{margin-top:.52083vmin;font-size:1.5625vmin;color:#999999;line-height:2.08333vmin}.item-box .left .task-tip{margin-top:.52083vmin;font-size:1.5625vmin;color:#FF5429;font-family:"PingFang SC";line-height:2.08333vmin;align-items:center}.item-box .left .task-tip .finish-text{display:inline-block;color:#999999}.item-box .left .task-tip .show-answer{display:inline-flex;align-items:center;margin-left:1.30208vmin;font-style:normal;font-weight:400;line-height:2.08333vmin}.item-box .left .task-tip .show-answer .analysis-icon{width:1.5625vmin;height:1.5625vmin;margin-left:-vmin(4)}.item-box .btn{width:9.375vmin;height:3.64583vmin;background:linear-gradient(270deg, #FF9720 0%, #FF4040 100%);border-radius:4.6875vmin;color:#FFFFFF;font-weight:500;font-size:1.5625vmin;display:flex;justify-content:center;align-items:center;line-height:2.08333vmin}.item-box .btn.reward-btn{border:.0651vmin solid #1472FF;background:#FFF;color:#1472FF}.item-box .btn.gray-btn{background:#F5F5F5;color:#B2B2B2}.item-box .btn.orange-btn{color:#ffffff;opacity:0.4;background:#ff5429}}
+.item-box{display:flex;align-items:center;justify-content:space-between;padding:4.26667vmin 3.2vmin;background:#FFFFFF}.item-box.line-class{position:relative}.item-box.line-class::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:4.26667vmin;bottom:0;left:4.26667vmin;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.item-box.bg-change{background:linear-gradient(180deg, #FFF3EB 0%, #fff 100%)}.item-box.radius{border-radius:2.13333vmin}.item-box.mb{margin-bottom:3.2vmin}.item-box .left{max-width:64.66667vmin}.item-box .left .first{line-height:5.33333vmin;display:flex;align-items:center}.item-box .left .first .title{font-size:3.73333vmin;font-weight:500;color:#333333;word-wrap:break-word;word-break:break-all;max-width:38.66667vmin}.item-box .left .first .reward{margin-left:2.13333vmin;color:#FF5429;font-size:3.2vmin;display:flex;align-items:center}.item-box .left .first .reward .reward-img{width:3.2vmin;height:3.2vmin}.item-box .left .first .reward .reward-text{margin-left:1.06667vmin;word-wrap:break-word;word-break:break-all}.item-box .left .time{margin-top:1.06667vmin;font-size:3.2vmin;color:#999999;line-height:4.26667vmin}.item-box .left .task-tip{margin-top:1.06667vmin;font-size:3.2vmin;color:#FF5429;font-family:"PingFang SC";line-height:4.26667vmin;align-items:center}.item-box .left .task-tip .finish-text{display:inline-block;color:#999999}.item-box .left .task-tip .show-answer{display:inline-flex;align-items:center;margin-left:2.66667vmin;font-style:normal;font-weight:400;line-height:4.26667vmin}.item-box .left .task-tip .show-answer .analysis-icon{width:3.2vmin;height:3.2vmin;margin-left:-vmin(4)}.item-box .btn{width:19.2vmin;height:7.46667vmin;background:linear-gradient(270deg, #FF9720 0%, #FF4040 100%);border-radius:9.6vmin;color:#FFFFFF;font-weight:500;font-size:3.2vmin;display:flex;justify-content:center;align-items:center;line-height:4.26667vmin}.item-box .btn.reward-btn{border:.13333vmin solid #1472FF;background:#FFF;color:#1472FF}.item-box .btn.gray-btn{background:#F5F5F5;color:#B2B2B2}.item-box .btn.orange-btn{color:#ffffff;opacity:0.4;background:#ff5429}@media screen and (min-width: 768px) and (orientation: portrait){.item-box{display:flex;align-items:center;justify-content:space-between;padding:2.08333vmin 1.5625vmin;background:#FFFFFF}.item-box.line-class{position:relative}.item-box.line-class::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:2.08333vmin;bottom:0;left:2.08333vmin;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.item-box.bg-change{background:linear-gradient(180deg, #FFF3EB 0%, #fff 100%)}.item-box.radius{border-radius:1.04167vmin}.item-box.mb{margin-bottom:1.5625vmin}.item-box .left{max-width:31.57552vmin}.item-box .left .first{line-height:2.60417vmin;display:flex;align-items:center}.item-box .left .first .title{font-size:1.82292vmin;font-weight:500;color:#333333;word-wrap:break-word;word-break:break-all;max-width:18.88021vmin}.item-box .left .first .reward{margin-left:1.04167vmin;color:#FF5429;font-size:1.5625vmin;display:flex;align-items:center}.item-box .left .first .reward .reward-img{width:1.5625vmin;height:1.5625vmin}.item-box .left .first .reward .reward-text{margin-left:.52083vmin;word-wrap:break-word;word-break:break-all}.item-box .left .time{margin-top:.52083vmin;font-size:1.5625vmin;color:#999999;line-height:2.08333vmin}.item-box .left .task-tip{margin-top:.52083vmin;font-size:1.5625vmin;color:#FF5429;font-family:"PingFang SC";line-height:2.08333vmin;align-items:center}.item-box .left .task-tip .finish-text{display:inline-block;color:#999999}.item-box .left .task-tip .show-answer{display:inline-flex;align-items:center;margin-left:1.30208vmin;font-style:normal;font-weight:400;line-height:2.08333vmin}.item-box .left .task-tip .show-answer .analysis-icon{width:1.5625vmin;height:1.5625vmin;margin-left:-vmin(4)}.item-box .btn{width:9.375vmin;height:3.64583vmin;background:linear-gradient(270deg, #FF9720 0%, #FF4040 100%);border-radius:4.6875vmin;color:#FFFFFF;font-weight:500;font-size:1.5625vmin;display:flex;justify-content:center;align-items:center;line-height:2.08333vmin}.item-box .btn.reward-btn{border:.0651vmin solid #1472FF;background:#FFF;color:#1472FF}.item-box .btn.gray-btn{background:#F5F5F5;color:#B2B2B2}.item-box .btn.orange-btn{color:#ffffff;opacity:0.4;background:#ff5429}}@media screen and (min-height: 630px) and (orientation: landscape){.item-box{display:flex;align-items:center;justify-content:space-between;padding:2.53968vmin 1.90476vmin;background:#FFFFFF}.item-box.line-class{position:relative}.item-box.line-class::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:2.53968vmin;bottom:0;left:2.53968vmin;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.item-box.bg-change{background:linear-gradient(180deg, #FFF3EB 0%, #fff 100%)}.item-box.radius{border-radius:1.26984vmin}.item-box.mb{margin-bottom:1.90476vmin}.item-box .left{max-width:38.49206vmin}.item-box .left .first{line-height:3.1746vmin;display:flex;align-items:center}.item-box .left .first .title{font-size:2.22222vmin;font-weight:500;color:#333333;word-wrap:break-word;word-break:break-all;max-width:23.01587vmin}.item-box .left .first .reward{margin-left:1.26984vmin;color:#FF5429;font-size:1.90476vmin;display:flex;align-items:center}.item-box .left .first .reward .reward-img{width:1.90476vmin;height:1.90476vmin}.item-box .left .first .reward .reward-text{margin-left:.63492vmin;word-wrap:break-word;word-break:break-all}.item-box .left .time{margin-top:.63492vmin;font-size:1.90476vmin;color:#999999;line-height:2.53968vmin}.item-box .left .task-tip{margin-top:.63492vmin;font-size:1.90476vmin;color:#FF5429;font-family:"PingFang SC";line-height:2.53968vmin;align-items:center}.item-box .left .task-tip .finish-text{display:inline-block;color:#999999}.item-box .left .task-tip .show-answer{display:inline-flex;align-items:center;margin-left:1.5873vmin;font-style:normal;font-weight:400;line-height:2.53968vmin}.item-box .left .task-tip .show-answer .analysis-icon{width:1.90476vmin;height:1.90476vmin;margin-left:-vmin(4)}.item-box .btn{width:11.42857vmin;height:4.44444vmin;background:linear-gradient(270deg, #FF9720 0%, #FF4040 100%);border-radius:5.71429vmin;color:#FFFFFF;font-weight:500;font-size:1.90476vmin;display:flex;justify-content:center;align-items:center;line-height:2.53968vmin}.item-box .btn.reward-btn{border:.07937vmin solid #1472FF;background:#FFF;color:#1472FF}.item-box .btn.gray-btn{background:#F5F5F5;color:#B2B2B2}.item-box .btn.orange-btn{color:#ffffff;opacity:0.4;background:#ff5429}}@media screen and (min-height: 768px) and (orientation: landscape){.item-box{display:flex;align-items:center;justify-content:space-between;padding:2.08333vmin 1.5625vmin;background:#FFFFFF}.item-box.line-class{position:relative}.item-box.line-class::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:2.08333vmin;bottom:0;left:2.08333vmin;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.item-box.bg-change{background:linear-gradient(180deg, #FFF3EB 0%, #fff 100%)}.item-box.radius{border-radius:1.04167vmin}.item-box.mb{margin-bottom:1.5625vmin}.item-box .left{max-width:31.57552vmin}.item-box .left .first{line-height:2.60417vmin;display:flex;align-items:center}.item-box .left .first .title{font-size:1.82292vmin;font-weight:500;color:#333333;word-wrap:break-word;word-break:break-all;max-width:18.88021vmin}.item-box .left .first .reward{margin-left:1.04167vmin;color:#FF5429;font-size:1.5625vmin;display:flex;align-items:center}.item-box .left .first .reward .reward-img{width:1.5625vmin;height:1.5625vmin}.item-box .left .first .reward .reward-text{margin-left:.52083vmin;word-wrap:break-word;word-break:break-all}.item-box .left .time{margin-top:.52083vmin;font-size:1.5625vmin;color:#999999;line-height:2.08333vmin}.item-box .left .task-tip{margin-top:.52083vmin;font-size:1.5625vmin;color:#FF5429;font-family:"PingFang SC";line-height:2.08333vmin;align-items:center}.item-box .left .task-tip .finish-text{display:inline-block;color:#999999}.item-box .left .task-tip .show-answer{display:inline-flex;align-items:center;margin-left:1.30208vmin;font-style:normal;font-weight:400;line-height:2.08333vmin}.item-box .left .task-tip .show-answer .analysis-icon{width:1.5625vmin;height:1.5625vmin;margin-left:-vmin(4)}.item-box .btn{width:9.375vmin;height:3.64583vmin;background:linear-gradient(270deg, #FF9720 0%, #FF4040 100%);border-radius:4.6875vmin;color:#FFFFFF;font-weight:500;font-size:1.5625vmin;display:flex;justify-content:center;align-items:center;line-height:2.08333vmin}.item-box .btn.reward-btn{border:.0651vmin solid #1472FF;background:#FFF;color:#1472FF}.item-box .btn.gray-btn{background:#F5F5F5;color:#B2B2B2}.item-box .btn.orange-btn{color:#ffffff;opacity:0.4;background:#ff5429}}