xiaoe_mp_npm 1.1.21 → 1.1.22-test02

package/src/Task/TaskPopup/component/TaskType/index.js

@@ -1,129 +1,129 @@
-const computedBehavior = require('miniprogram-computed').behavior
-import taskBehavior from '../../../common/task'
-
-Component({
-  options: {
-    styleIsolation: 'shared',
-  },
-  behaviors: [computedBehavior, taskBehavior],
-  properties: {
-    typeItem: {
-      type: Object,
-      value: () => {
-        return {}
-      },
-    },
-    typeIndex: {
-      type: Number,
-      value: 0,
-    },
-    viewingInProgress: {
-      type: Array,
-      value: () => {
-        return []
-      },
-    },
-    teamId: {
-      type: String,
-      value: '',
-    },
-  },
-  data: {
-    activeNames: [1],
-    detailList: [],
-    taskItem: {},
-  },
-  lifetimes: {
-    // 生命周期函数，可以为函数，或一个在methods段中定义的方法名
-    attached: function () {},
-    moved: function () {},
-    detached: function () {},
-  },
-  computed: {
-    // 组合任务
-    isCombination(data) {
-      return data.taskItem.task_module === 1
-    },
-    // 顺序组合任务
-    isInOrder(data) {
-      return data.taskItem.task_is_order === 1
-    },
-    showRewards(data) {
-      return data.taskItem.reward_type !== 0 && Number(data.taskItem.reward_value) !== 0
-    },
-    // 当前奖励是否为积分
-    isPointReward(data) {
-      return +data.taskItem?.reward_type === 1;
-    },
-    // 组合任务标题
-    combinationTitle(data) {
-      if (data.isInOrder) {
-        const { reward_type, reward_value } = data.taskItem
-        // 顺序任务 没有总奖励
-        if (reward_type === 0 && Number(reward_value) === 0) {
-          return '按顺序完成以下所有任务，领取对应奖励'
-        } else {
-          return '按顺序完成以下任务获'
-        }
-      } else {
-        return '完成以下所有任务将获得'
-      }
-    },
-  },
-  methods: {
-    onChange(event) {
-      this.setData({
-        activeNames: event.detail,
-      })
-    },
-    btnClick(e) {
-      this.triggerEvent('btnClick', e.detail)
-    },
-    customSort(a, b) {
-      // 根据参与状态和状态排序顺序
-      const stateOrder = { 1: 0, 0: 1, 2: 2 }
-      const stateComparison = stateOrder[a.join_state.toString()] - stateOrder[b.join_state.toString()]
-      if (stateComparison !== 0) return stateComparison
-
-      const liveState = stateOrder[a.state.toString()] - stateOrder[b.state.toString()]
-      if (liveState !== 0) return liveState
-
-      // 参与中和未参与按开始时间升序排
-      if ((a.join_state === 1 || a.join_state === 0) && (b.join_state === 1 || b.join_state === 0)) {
-        const startComparison = new Date(a.start_at.replace(/-/g, '/')) - new Date(b.start_at.replace(/-/g, '/'))
-        if (startComparison !== 0) return startComparison
-      }
-
-      // 已结束按结束时间降序排
-      if (a.state === 2 && b.state === 2) {
-        const endComparison = new Date(b.end_at.replace(/-/g, '/')) - new Date(a.end_at.replace(/-/g, '/'))
-        if (endComparison !== 0) return endComparison
-      }
-
-      // 已完成按完成时间降序排
-      if (a.join_state === 2 && b.join_state === 2 && a.complete_at && b.complete_at) {
-        return new Date(b.complete_at.replace(/-/g, '/')) - new Date(a.complete_at.replace(/-/g, '/'))
-      }
-
-      return 0
-    },
-  },
-  observers: {
-    typeItem(newVal) {
-      this.setData({
-        taskItem: newVal,
-      })
-    },
-    'typeItem.detailList'(newVal) {
-      let list = JSON.parse(JSON.stringify(newVal))
-      // 组合任务无需进行排序处理
-      if (newVal[0]?.task_module !== 1) {
-        list.sort(this.customSort)
-      }
-
-      this.setData({
-        detailList: list,
-      })
-    },
-  },
-})
+const computedBehavior = require('miniprogram-computed').behavior
+import taskBehavior from '../../../common/task'
+
+Component({
+  options: {
+    styleIsolation: 'shared',
+  },
+  behaviors: [computedBehavior, taskBehavior],
+  properties: {
+    typeItem: {
+      type: Object,
+      value: () => {
+        return {}
+      },
+    },
+    typeIndex: {
+      type: Number,
+      value: 0,
+    },
+    viewingInProgress: {
+      type: Array,
+      value: () => {
+        return []
+      },
+    },
+    teamId: {
+      type: String,
+      value: '',
+    },
+  },
+  data: {
+    activeNames: [1],
+    detailList: [],
+    taskItem: {},
+  },
+  lifetimes: {
+    // 生命周期函数，可以为函数，或一个在methods段中定义的方法名
+    attached: function () {},
+    moved: function () {},
+    detached: function () {},
+  },
+  computed: {
+    // 组合任务
+    isCombination(data) {
+      return data.taskItem.task_module === 1
+    },
+    // 顺序组合任务
+    isInOrder(data) {
+      return data.taskItem.task_is_order === 1
+    },
+    showRewards(data) {
+      return data.taskItem.reward_type !== 0 && Number(data.taskItem.reward_value) !== 0
+    },
+    // 当前奖励是否为积分
+    isPointReward(data) {
+      return +data.taskItem?.reward_type === 1;
+    },
+    // 组合任务标题
+    combinationTitle(data) {
+      if (data.isInOrder) {
+        const { reward_type, reward_value } = data.taskItem
+        // 顺序任务 没有总奖励
+        if (reward_type === 0 && Number(reward_value) === 0) {
+          return '按顺序完成以下所有任务，领取对应奖励'
+        } else {
+          return '按顺序完成以下任务获'
+        }
+      } else {
+        return '完成以下所有任务将获得'
+      }
+    },
+  },
+  methods: {
+    onChange(event) {
+      this.setData({
+        activeNames: event.detail,
+      })
+    },
+    btnClick(e) {
+      this.triggerEvent('btnClick', e.detail)
+    },
+    customSort(a, b) {
+      // 根据参与状态和状态排序顺序
+      const stateOrder = { 1: 0, 0: 1, 2: 2 }
+      const stateComparison = stateOrder[a.join_state.toString()] - stateOrder[b.join_state.toString()]
+      if (stateComparison !== 0) return stateComparison
+
+      const liveState = stateOrder[a.state.toString()] - stateOrder[b.state.toString()]
+      if (liveState !== 0) return liveState
+
+      // 参与中和未参与按开始时间升序排
+      if ((a.join_state === 1 || a.join_state === 0) && (b.join_state === 1 || b.join_state === 0)) {
+        const startComparison = new Date(a.start_at.replace(/-/g, '/')) - new Date(b.start_at.replace(/-/g, '/'))
+        if (startComparison !== 0) return startComparison
+      }
+
+      // 已结束按结束时间降序排
+      if (a.state === 2 && b.state === 2) {
+        const endComparison = new Date(b.end_at.replace(/-/g, '/')) - new Date(a.end_at.replace(/-/g, '/'))
+        if (endComparison !== 0) return endComparison
+      }
+
+      // 已完成按完成时间降序排
+      if (a.join_state === 2 && b.join_state === 2 && a.complete_at && b.complete_at) {
+        return new Date(b.complete_at.replace(/-/g, '/')) - new Date(a.complete_at.replace(/-/g, '/'))
+      }
+
+      return 0
+    },
+  },
+  observers: {
+    typeItem(newVal) {
+      this.setData({
+        taskItem: newVal,
+      })
+    },
+    'typeItem.detailList'(newVal) {
+      let list = JSON.parse(JSON.stringify(newVal))
+      // 组合任务无需进行排序处理
+      if (newVal[0]?.task_module !== 1) {
+        list.sort(this.customSort)
+      }
+
+      this.setData({
+        detailList: list,
+      })
+    },
+  },
+})

package/src/Task/TaskPopup/component/TaskType/index.json

@@ -1,13 +1,13 @@
-{
-  "component": true,
-  "usingComponents": {
-    "van-collapse": "@vant/weapp/collapse/index",
-    "van-collapse-item": "@vant/weapp/collapse-item/index",
-    "van-icon": "@vant/weapp/icon/index",
-    "task-item": "../TaskItem",
-    "member-integral-multiplier-bar": "/subpkg/MemberIntegralMultiplierBar/index"
-  },
-  "componentPlaceholder": {
-    "member-integral-multiplier-bar": "view"
-  }
-}
+{
+  "component": true,
+  "usingComponents": {
+    "van-collapse": "@vant/weapp/collapse/index",
+    "van-collapse-item": "@vant/weapp/collapse-item/index",
+    "van-icon": "@vant/weapp/icon/index",
+    "task-item": "../TaskItem",
+    "member-integral-multiplier-bar": "/subpkg/MemberIntegralMultiplierBar/index"
+  },
+  "componentPlaceholder": {
+    "member-integral-multiplier-bar": "view"
+  }
+}

package/src/Task/TaskPopup/component/TaskType/index.scss

@@ -1,90 +1,90 @@
-$deviceWidth: 750;
-
-@function vmin($rpx) {
-  @return #{$rpx * 100 / $deviceWidth}vmin;
-}
-
-@mixin collapse {
-  margin-bottom: vmin(24);
-  border-radius: vmin(16);
-  overflow: hidden;
-  .taskItems {
-    padding-top: vmin(32);
-    padding-bottom: vmin(32);
-  }
-  .content {
-    padding: 0;
-  }
-  .task-item {
-    display: flex;
-    align-items: center;
-    .type-img {
-      width: vmin(80);
-      height: vmin(80);
-    }
-    .type-header {
-      display: flex;
-      flex-direction: column;
-      margin-left: vmin(16);
-    }
-    .type-reward {
-      color: #ff5429;
-      font-size: vmin(22);
-    }
-    .type-reward,
-    .reward {
-      display: flex;
-      align-items: center;
-    }
-    .type-title {
-      font-size: vmin(28);
-      font-weight: 500;
-      color: #333333;
-    }
-    .reward-img {
-      width: vmin(24);
-      height: vmin(24);
-      margin-left: vmin(8);
-      margin-right: vmin(8);
-    }
-    .reward-text {
-      word-wrap: break-word;
-      word-break: break-all;
-    }
-  }
-  .icon {
-    display: flex;
-    align-items: center;
-  }
-}
-
-.collapse {
-  @include collapse;
-}
-
-// 竖屏pad
-@media screen and (min-width: 768px) and (orientation: portrait) {
-  $deviceWidth: 1536 !global;
-
-  .collapse {
-    @include collapse;
-  }
-}
-
-// PC 放大适配
-@media screen and (min-height: 630px) and (orientation: landscape) {
-  $deviceWidth: 1260 !global;
-
-  .collapse {
-    @include collapse;
-  }
-}
-
-// 横屏pad
-@media screen and (min-height: 768px) and (orientation: landscape) {
-  $deviceWidth: 1536 !global;
-
-  .collapse {
-    @include collapse;
-  }
-}
+$deviceWidth: 750;
+
+@function vmin($rpx) {
+  @return #{$rpx * 100 / $deviceWidth}vmin;
+}
+
+@mixin collapse {
+  margin-bottom: vmin(24);
+  border-radius: vmin(16);
+  overflow: hidden;
+  .taskItems {
+    padding-top: vmin(32);
+    padding-bottom: vmin(32);
+  }
+  .content {
+    padding: 0;
+  }
+  .task-item {
+    display: flex;
+    align-items: center;
+    .type-img {
+      width: vmin(80);
+      height: vmin(80);
+    }
+    .type-header {
+      display: flex;
+      flex-direction: column;
+      margin-left: vmin(16);
+    }
+    .type-reward {
+      color: #ff5429;
+      font-size: vmin(22);
+    }
+    .type-reward,
+    .reward {
+      display: flex;
+      align-items: center;
+    }
+    .type-title {
+      font-size: vmin(28);
+      font-weight: 500;
+      color: #333333;
+    }
+    .reward-img {
+      width: vmin(24);
+      height: vmin(24);
+      margin-left: vmin(8);
+      margin-right: vmin(8);
+    }
+    .reward-text {
+      word-wrap: break-word;
+      word-break: break-all;
+    }
+  }
+  .icon {
+    display: flex;
+    align-items: center;
+  }
+}
+
+.collapse {
+  @include collapse;
+}
+
+// 竖屏pad
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  $deviceWidth: 1536 !global;
+
+  .collapse {
+    @include collapse;
+  }
+}
+
+// PC 放大适配
+@media screen and (min-height: 630px) and (orientation: landscape) {
+  $deviceWidth: 1260 !global;
+
+  .collapse {
+    @include collapse;
+  }
+}
+
+// 横屏pad
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  $deviceWidth: 1536 !global;
+
+  .collapse {
+    @include collapse;
+  }
+}

package/src/Task/TaskPopup/component/TaskType/index.wxml

@@ -1,69 +1,69 @@
-<view>
-  <van-collapse
-    style="border-radius: 10px;"
-    value="{{ activeNames }}"
-    bind:change="onChange"
-    custom-class="collapse"
-    class="vanCollapse"
-  >
-    <van-collapse-item
-      name="{{1}}"
-      is-link="{{false}}"
-      clickable="true"
-      custom-class="content-item"
-      content-class="content"
-    >
-      <view slot="title">
-        <view class="task-item">
-          <image class="type-img" src="{{typeItem.icon}}" />
-          <view class="type-header">
-            <view class="type-title">{{typeItem.title}}</view>
-            <view class="type-reward" wx:if="{{ isCombination }}">
-              <view wx:if="{{ isCombination }}">{{ combinationTitle }}</view>
-              <view wx:else>完成以下所有任务将获得</view>
-
-              <view  class="reward" wx:if="{{ showRewards }}">
-                <image class="reward-img" src="{{ rewardIcon }}" />
-                <view class="reward-text">{{ rewardText }}</view>
-                <member-integral-multiplier-bar
-                    wx:if="{{ typeItem.reward_type == 1 }}"
-                    levelMembershipSetting="{{ typeItem.point_extend }}"
-                    hasMarginLeft="{{ true }}"
-                    needUseCurrentUser="{{ typeItem.join_state != 2 }}"
-                    originalPoints="{{ typeItem.reward_value }}"
-                />
-              </view>
-            </view>
-          </view>
-        </view>
-      </view>
-
-      <view slot="right-icon" class="icon">
-        <van-icon
-          wx:if="{{activeNames.length}}"
-          name="arrow-up"
-          class="van-icon van-icon-arrow van-cell__right-icon"
-          color="#999999"
-        />
-        <van-icon wx:else name="arrow-down" class="van-icon van-icon-arrow van-cell__right-icon" color="#999999" />
-      </view>
-
-      <view class="taskItems">
-        <task-item
-          wx:for="{{detailList}}"
-          wx:for-item="item"
-          wx:for-index="index"
-          wx:key="{{ item.id }}"
-          taskItem="{{item}}"
-          bind:btnClick="btnClick"
-          viewingInProgress="{{viewingInProgress}}"
-          teamId="{{teamId}}"
-          taskIdx="{{ index }}"
-          taskLength="{{ detailList.length }}"
-          isInOrder="{{ isInOrder }}"
-        />
-      </view>
-
-    </van-collapse-item>
-  </van-collapse>
-</view>
+<view>
+  <van-collapse
+    style="border-radius: 10px;"
+    value="{{ activeNames }}"
+    bind:change="onChange"
+    custom-class="collapse"
+    class="vanCollapse"
+  >
+    <van-collapse-item
+      name="{{1}}"
+      is-link="{{false}}"
+      clickable="true"
+      custom-class="content-item"
+      content-class="content"
+    >
+      <view slot="title">
+        <view class="task-item">
+          <image class="type-img" src="{{typeItem.icon}}" />
+          <view class="type-header">
+            <view class="type-title">{{typeItem.title}}</view>
+            <view class="type-reward" wx:if="{{ isCombination }}">
+              <view wx:if="{{ isCombination }}">{{ combinationTitle }}</view>
+              <view wx:else>完成以下所有任务将获得</view>
+
+              <view  class="reward" wx:if="{{ showRewards }}">
+                <image class="reward-img" src="{{ rewardIcon }}" />
+                <view class="reward-text">{{ rewardText }}</view>
+                <member-integral-multiplier-bar
+                    wx:if="{{ typeItem.reward_type == 1 }}"
+                    levelMembershipSetting="{{ typeItem.point_extend }}"
+                    hasMarginLeft="{{ true }}"
+                    needUseCurrentUser="{{ typeItem.join_state != 2 }}"
+                    originalPoints="{{ typeItem.reward_value }}"
+                />
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <view slot="right-icon" class="icon">
+        <van-icon
+          wx:if="{{activeNames.length}}"
+          name="arrow-up"
+          class="van-icon van-icon-arrow van-cell__right-icon"
+          color="#999999"
+        />
+        <van-icon wx:else name="arrow-down" class="van-icon van-icon-arrow van-cell__right-icon" color="#999999" />
+      </view>
+
+      <view class="taskItems">
+        <task-item
+          wx:for="{{detailList}}"
+          wx:for-item="item"
+          wx:for-index="index"
+          wx:key="{{ item.id }}"
+          taskItem="{{item}}"
+          bind:btnClick="btnClick"
+          viewingInProgress="{{viewingInProgress}}"
+          teamId="{{teamId}}"
+          taskIdx="{{ index }}"
+          taskLength="{{ detailList.length }}"
+          isInOrder="{{ isInOrder }}"
+        />
+      </view>
+
+    </van-collapse-item>
+  </van-collapse>
+</view>

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

@@ -1 +1 @@
-.collapse{margin-bottom:3.2vmin;border-radius:2.13333vmin;overflow:hidden}.collapse .taskItems{padding-top:4.26667vmin;padding-bottom:4.26667vmin}.collapse .content{padding:0}.collapse .task-item{display:flex;align-items:center}.collapse .task-item .type-img{width:10.66667vmin;height:10.66667vmin}.collapse .task-item .type-header{display:flex;flex-direction:column;margin-left:2.13333vmin}.collapse .task-item .type-reward{color:#ff5429;font-size:2.93333vmin}.collapse .task-item .type-reward,.collapse .task-item .reward{display:flex;align-items:center}.collapse .task-item .type-title{font-size:3.73333vmin;font-weight:500;color:#333333}.collapse .task-item .reward-img{width:3.2vmin;height:3.2vmin;margin-left:1.06667vmin;margin-right:1.06667vmin}.collapse .task-item .reward-text{word-wrap:break-word;word-break:break-all}.collapse .icon{display:flex;align-items:center}@media screen and (min-width: 768px) and (orientation: portrait){.collapse{margin-bottom:1.5625vmin;border-radius:1.04167vmin;overflow:hidden}.collapse .taskItems{padding-top:2.08333vmin;padding-bottom:2.08333vmin}.collapse .content{padding:0}.collapse .task-item{display:flex;align-items:center}.collapse .task-item .type-img{width:5.20833vmin;height:5.20833vmin}.collapse .task-item .type-header{display:flex;flex-direction:column;margin-left:1.04167vmin}.collapse .task-item .type-reward{color:#ff5429;font-size:1.43229vmin}.collapse .task-item .type-reward,.collapse .task-item .reward{display:flex;align-items:center}.collapse .task-item .type-title{font-size:1.82292vmin;font-weight:500;color:#333333}.collapse .task-item .reward-img{width:1.5625vmin;height:1.5625vmin;margin-left:.52083vmin;margin-right:.52083vmin}.collapse .task-item .reward-text{word-wrap:break-word;word-break:break-all}.collapse .icon{display:flex;align-items:center}}@media screen and (min-height: 630px) and (orientation: landscape){.collapse{margin-bottom:1.90476vmin;border-radius:1.26984vmin;overflow:hidden}.collapse .taskItems{padding-top:2.53968vmin;padding-bottom:2.53968vmin}.collapse .content{padding:0}.collapse .task-item{display:flex;align-items:center}.collapse .task-item .type-img{width:6.34921vmin;height:6.34921vmin}.collapse .task-item .type-header{display:flex;flex-direction:column;margin-left:1.26984vmin}.collapse .task-item .type-reward{color:#ff5429;font-size:1.74603vmin}.collapse .task-item .type-reward,.collapse .task-item .reward{display:flex;align-items:center}.collapse .task-item .type-title{font-size:2.22222vmin;font-weight:500;color:#333333}.collapse .task-item .reward-img{width:1.90476vmin;height:1.90476vmin;margin-left:.63492vmin;margin-right:.63492vmin}.collapse .task-item .reward-text{word-wrap:break-word;word-break:break-all}.collapse .icon{display:flex;align-items:center}}@media screen and (min-height: 768px) and (orientation: landscape){.collapse{margin-bottom:1.5625vmin;border-radius:1.04167vmin;overflow:hidden}.collapse .taskItems{padding-top:2.08333vmin;padding-bottom:2.08333vmin}.collapse .content{padding:0}.collapse .task-item{display:flex;align-items:center}.collapse .task-item .type-img{width:5.20833vmin;height:5.20833vmin}.collapse .task-item .type-header{display:flex;flex-direction:column;margin-left:1.04167vmin}.collapse .task-item .type-reward{color:#ff5429;font-size:1.43229vmin}.collapse .task-item .type-reward,.collapse .task-item .reward{display:flex;align-items:center}.collapse .task-item .type-title{font-size:1.82292vmin;font-weight:500;color:#333333}.collapse .task-item .reward-img{width:1.5625vmin;height:1.5625vmin;margin-left:.52083vmin;margin-right:.52083vmin}.collapse .task-item .reward-text{word-wrap:break-word;word-break:break-all}.collapse .icon{display:flex;align-items:center}}
+.collapse{margin-bottom:3.2vmin;border-radius:2.13333vmin;overflow:hidden}.collapse .taskItems{padding-top:4.26667vmin;padding-bottom:4.26667vmin}.collapse .content{padding:0}.collapse .task-item{display:flex;align-items:center}.collapse .task-item .type-img{width:10.66667vmin;height:10.66667vmin}.collapse .task-item .type-header{display:flex;flex-direction:column;margin-left:2.13333vmin}.collapse .task-item .type-reward{color:#ff5429;font-size:2.93333vmin}.collapse .task-item .type-reward,.collapse .task-item .reward{display:flex;align-items:center}.collapse .task-item .type-title{font-size:3.73333vmin;font-weight:500;color:#333333}.collapse .task-item .reward-img{width:3.2vmin;height:3.2vmin;margin-left:1.06667vmin;margin-right:1.06667vmin}.collapse .task-item .reward-text{word-wrap:break-word;word-break:break-all}.collapse .icon{display:flex;align-items:center}@media screen and (min-width: 768px) and (orientation: portrait){.collapse{margin-bottom:1.5625vmin;border-radius:1.04167vmin;overflow:hidden}.collapse .taskItems{padding-top:2.08333vmin;padding-bottom:2.08333vmin}.collapse .content{padding:0}.collapse .task-item{display:flex;align-items:center}.collapse .task-item .type-img{width:5.20833vmin;height:5.20833vmin}.collapse .task-item .type-header{display:flex;flex-direction:column;margin-left:1.04167vmin}.collapse .task-item .type-reward{color:#ff5429;font-size:1.43229vmin}.collapse .task-item .type-reward,.collapse .task-item .reward{display:flex;align-items:center}.collapse .task-item .type-title{font-size:1.82292vmin;font-weight:500;color:#333333}.collapse .task-item .reward-img{width:1.5625vmin;height:1.5625vmin;margin-left:.52083vmin;margin-right:.52083vmin}.collapse .task-item .reward-text{word-wrap:break-word;word-break:break-all}.collapse .icon{display:flex;align-items:center}}@media screen and (min-height: 630px) and (orientation: landscape){.collapse{margin-bottom:1.90476vmin;border-radius:1.26984vmin;overflow:hidden}.collapse .taskItems{padding-top:2.53968vmin;padding-bottom:2.53968vmin}.collapse .content{padding:0}.collapse .task-item{display:flex;align-items:center}.collapse .task-item .type-img{width:6.34921vmin;height:6.34921vmin}.collapse .task-item .type-header{display:flex;flex-direction:column;margin-left:1.26984vmin}.collapse .task-item .type-reward{color:#ff5429;font-size:1.74603vmin}.collapse .task-item .type-reward,.collapse .task-item .reward{display:flex;align-items:center}.collapse .task-item .type-title{font-size:2.22222vmin;font-weight:500;color:#333333}.collapse .task-item .reward-img{width:1.90476vmin;height:1.90476vmin;margin-left:.63492vmin;margin-right:.63492vmin}.collapse .task-item .reward-text{word-wrap:break-word;word-break:break-all}.collapse .icon{display:flex;align-items:center}}@media screen and (min-height: 768px) and (orientation: landscape){.collapse{margin-bottom:1.5625vmin;border-radius:1.04167vmin;overflow:hidden}.collapse .taskItems{padding-top:2.08333vmin;padding-bottom:2.08333vmin}.collapse .content{padding:0}.collapse .task-item{display:flex;align-items:center}.collapse .task-item .type-img{width:5.20833vmin;height:5.20833vmin}.collapse .task-item .type-header{display:flex;flex-direction:column;margin-left:1.04167vmin}.collapse .task-item .type-reward{color:#ff5429;font-size:1.43229vmin}.collapse .task-item .type-reward,.collapse .task-item .reward{display:flex;align-items:center}.collapse .task-item .type-title{font-size:1.82292vmin;font-weight:500;color:#333333}.collapse .task-item .reward-img{width:1.5625vmin;height:1.5625vmin;margin-left:.52083vmin;margin-right:.52083vmin}.collapse .task-item .reward-text{word-wrap:break-word;word-break:break-all}.collapse .icon{display:flex;align-items:center}}