xiaoe_mp_npm 1.0.21 → 1.0.22-test02

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

@@ -1,394 +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;
-  line-height: 4.26667vmin;
-}
-.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: 0.13333vmin solid #1472FF;
-  background: #FFF;
-  color: #1472FF;
-}
-.item-box .btn.gray-btn {
-  background: #F5F5F5;
-  color: #B2B2B2;
-}
-@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: 0.52083vmin;
-    word-wrap: break-word;
-    word-break: break-all;
-  }
-  .item-box .left .time {
-    margin-top: 0.52083vmin;
-    font-size: 1.5625vmin;
-    color: #999999;
-    line-height: 2.08333vmin;
-  }
-  .item-box .left .task-tip {
-    margin-top: 0.52083vmin;
-    font-size: 1.5625vmin;
-    color: #FF5429;
-    line-height: 2.08333vmin;
-  }
-  .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: 0.0651vmin solid #1472FF;
-    background: #FFF;
-    color: #1472FF;
-  }
-  .item-box .btn.gray-btn {
-    background: #F5F5F5;
-    color: #B2B2B2;
-  }
-}
-@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: 0.63492vmin;
-    word-wrap: break-word;
-    word-break: break-all;
-  }
-  .item-box .left .time {
-    margin-top: 0.63492vmin;
-    font-size: 1.90476vmin;
-    color: #999999;
-    line-height: 2.53968vmin;
-  }
-  .item-box .left .task-tip {
-    margin-top: 0.63492vmin;
-    font-size: 1.90476vmin;
-    color: #FF5429;
-    line-height: 2.53968vmin;
-  }
-  .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: 0.07937vmin solid #1472FF;
-    background: #FFF;
-    color: #1472FF;
-  }
-  .item-box .btn.gray-btn {
-    background: #F5F5F5;
-    color: #B2B2B2;
-  }
-}
-@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: 0.52083vmin;
-    word-wrap: break-word;
-    word-break: break-all;
-  }
-  .item-box .left .time {
-    margin-top: 0.52083vmin;
-    font-size: 1.5625vmin;
-    color: #999999;
-    line-height: 2.08333vmin;
-  }
-  .item-box .left .task-tip {
-    margin-top: 0.52083vmin;
-    font-size: 1.5625vmin;
-    color: #FF5429;
-    line-height: 2.08333vmin;
-  }
-  .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: 0.0651vmin solid #1472FF;
-    background: #FFF;
-    color: #1472FF;
-  }
-  .item-box .btn.gray-btn {
-    background: #F5F5F5;
-    color: #B2B2B2;
-  }
-}
+.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}}

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

@@ -47,6 +47,10 @@ const taskTypeConfig = {
     9:{
       title: "签到",
       icon: "https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltpfaylp019h.png"
+    },
+    10:{
+      title: "答题",
+      icon: "https://commonresource-1252524126.cdn.xiaoeknow.com/image/lyr74osf0jjo.svg"
     }
   }
 }

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

@@ -1,118 +1,118 @@
-.task-list {
-  height: 100%;
-  min-height: 40vmin;
-  box-sizing: border-box;
-}
-.task-list .error-box {
-  background: #fff;
-  padding: 0.26667vmin 0.26667vmin 0 0.26667vmin;
-  position: relative;
-  margin-bottom: 3.2vmin;
-  border-radius: 2.13333vmin;
-  overflow: hidden;
-}
-.task-list .nothing {
-  display: flex;
-  align-items: center;
-  margin-top: 21.33333vmin;
-  flex-direction: column;
-}
-.task-list .nothing image {
-  width: 23.46667vmin;
-  height: 23.46667vmin;
-}
-.task-list .nothing .text {
-  font-size: 3.73333vmin;
-  color: #999999;
-  margin-top: 4.26667vmin;
-}
-@media screen and (min-width: 768px) and (orientation: portrait) {
-  .task-list {
-    height: 100%;
-    min-height: 40vmin;
-    box-sizing: border-box;
-  }
-  .task-list .error-box {
-    background: #fff;
-    padding: 0.13021vmin 0.13021vmin 0 0.13021vmin;
-    position: relative;
-    margin-bottom: 1.5625vmin;
-    border-radius: 1.04167vmin;
-    overflow: hidden;
-  }
-  .task-list .nothing {
-    display: flex;
-    align-items: center;
-    margin-top: 10.41667vmin;
-    flex-direction: column;
-  }
-  .task-list .nothing image {
-    width: 11.45833vmin;
-    height: 11.45833vmin;
-  }
-  .task-list .nothing .text {
-    font-size: 1.82292vmin;
-    color: #999999;
-    margin-top: 2.08333vmin;
-  }
-}
-@media screen and (min-height: 630px) and (orientation: landscape) {
-  .task-list {
-    height: 100%;
-    min-height: 40vmin;
-    box-sizing: border-box;
-  }
-  .task-list .error-box {
-    background: #fff;
-    padding: 0.15873vmin 0.15873vmin 0 0.15873vmin;
-    position: relative;
-    margin-bottom: 1.90476vmin;
-    border-radius: 1.26984vmin;
-    overflow: hidden;
-  }
-  .task-list .nothing {
-    display: flex;
-    align-items: center;
-    margin-top: 12.69841vmin;
-    flex-direction: column;
-  }
-  .task-list .nothing image {
-    width: 13.96825vmin;
-    height: 13.96825vmin;
-  }
-  .task-list .nothing .text {
-    font-size: 2.22222vmin;
-    color: #999999;
-    margin-top: 2.53968vmin;
-  }
-}
-@media screen and (min-height: 768px) and (orientation: landscape) {
-  .task-list {
-    height: 100%;
-    min-height: 40vmin;
-    box-sizing: border-box;
-  }
-  .task-list .error-box {
-    background: #fff;
-    padding: 0.13021vmin 0.13021vmin 0 0.13021vmin;
-    position: relative;
-    margin-bottom: 1.5625vmin;
-    border-radius: 1.04167vmin;
-    overflow: hidden;
-  }
-  .task-list .nothing {
-    display: flex;
-    align-items: center;
-    margin-top: 10.41667vmin;
-    flex-direction: column;
-  }
-  .task-list .nothing image {
-    width: 11.45833vmin;
-    height: 11.45833vmin;
-  }
-  .task-list .nothing .text {
-    font-size: 1.82292vmin;
-    color: #999999;
-    margin-top: 2.08333vmin;
-  }
-}
+.task-list {
+  height: 100%;
+  min-height: 40vmin;
+  box-sizing: border-box;
+}
+.task-list .error-box {
+  background: #fff;
+  padding: 0.26667vmin 0.26667vmin 0 0.26667vmin;
+  position: relative;
+  margin-bottom: 3.2vmin;
+  border-radius: 2.13333vmin;
+  overflow: hidden;
+}
+.task-list .nothing {
+  display: flex;
+  align-items: center;
+  margin-top: 21.33333vmin;
+  flex-direction: column;
+}
+.task-list .nothing image {
+  width: 23.46667vmin;
+  height: 23.46667vmin;
+}
+.task-list .nothing .text {
+  font-size: 3.73333vmin;
+  color: #999999;
+  margin-top: 4.26667vmin;
+}
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  .task-list {
+    height: 100%;
+    min-height: 40vmin;
+    box-sizing: border-box;
+  }
+  .task-list .error-box {
+    background: #fff;
+    padding: 0.13021vmin 0.13021vmin 0 0.13021vmin;
+    position: relative;
+    margin-bottom: 1.5625vmin;
+    border-radius: 1.04167vmin;
+    overflow: hidden;
+  }
+  .task-list .nothing {
+    display: flex;
+    align-items: center;
+    margin-top: 10.41667vmin;
+    flex-direction: column;
+  }
+  .task-list .nothing image {
+    width: 11.45833vmin;
+    height: 11.45833vmin;
+  }
+  .task-list .nothing .text {
+    font-size: 1.82292vmin;
+    color: #999999;
+    margin-top: 2.08333vmin;
+  }
+}
+@media screen and (min-height: 630px) and (orientation: landscape) {
+  .task-list {
+    height: 100%;
+    min-height: 40vmin;
+    box-sizing: border-box;
+  }
+  .task-list .error-box {
+    background: #fff;
+    padding: 0.15873vmin 0.15873vmin 0 0.15873vmin;
+    position: relative;
+    margin-bottom: 1.90476vmin;
+    border-radius: 1.26984vmin;
+    overflow: hidden;
+  }
+  .task-list .nothing {
+    display: flex;
+    align-items: center;
+    margin-top: 12.69841vmin;
+    flex-direction: column;
+  }
+  .task-list .nothing image {
+    width: 13.96825vmin;
+    height: 13.96825vmin;
+  }
+  .task-list .nothing .text {
+    font-size: 2.22222vmin;
+    color: #999999;
+    margin-top: 2.53968vmin;
+  }
+}
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  .task-list {
+    height: 100%;
+    min-height: 40vmin;
+    box-sizing: border-box;
+  }
+  .task-list .error-box {
+    background: #fff;
+    padding: 0.13021vmin 0.13021vmin 0 0.13021vmin;
+    position: relative;
+    margin-bottom: 1.5625vmin;
+    border-radius: 1.04167vmin;
+    overflow: hidden;
+  }
+  .task-list .nothing {
+    display: flex;
+    align-items: center;
+    margin-top: 10.41667vmin;
+    flex-direction: column;
+  }
+  .task-list .nothing image {
+    width: 11.45833vmin;
+    height: 11.45833vmin;
+  }
+  .task-list .nothing .text {
+    font-size: 1.82292vmin;
+    color: #999999;
+    margin-top: 2.08333vmin;
+  }
+}