task-content.vue 764 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <template>
  2. <view class="task-info-box">
  3. <slot></slot>
  4. </view>
  5. </template>
  6. <script>
  7. </script>
  8. <style lang="scss" scoped>
  9. .task-info-box {
  10. width: 100%;
  11. width: 100%;
  12. padding: 30rpx;
  13. background: #eefcff;
  14. border-radius: 20rpx;
  15. /deep/ .task-info-item {
  16. margin-bottom: 15rpx;
  17. width: 100%;
  18. font-size: 26rpx;
  19. line-height: 40rpx;
  20. &:last-child {
  21. margin-bottom: 0;
  22. }
  23. .task-info-title {
  24. // font-family: .PingFang SC, .PingFang SC-Medium;
  25. font-weight: Medium;
  26. text-align: left;
  27. color: #1a1a1a;
  28. }
  29. .task-info-val {
  30. // font-family: .PingFang SC, .PingFang SC-Light;
  31. font-weight: Light;
  32. // text-align: left;
  33. color: #808080;
  34. }
  35. .task-info-integral {
  36. color: #3EB8D0;
  37. }
  38. }
  39. }
  40. </style>