PredictionAnalysis.less 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. .itemContainer {
  2. padding: 0.2rem;
  3. display: flex;
  4. justify-content: space-between;
  5. font-size: 0.26rem;
  6. border-bottom: 1px solid #dbdbdb;
  7. .toDetail {
  8. color: #4a90e2;
  9. }
  10. }
  11. .title {
  12. font-size: 0.3rem;
  13. color: #4a90e2;
  14. line-height: 0.4rem;
  15. padding-left: 0.1rem;
  16. padding-top: 0.16rem;
  17. }
  18. .detailDeviceName {
  19. color: #4089ff;
  20. background-color: #dce7f9;
  21. font-size: 0.28rem;
  22. padding: 0.4rem 0.2rem;
  23. border-radius: 0.2rem;
  24. }
  25. .detailDevice {
  26. padding: 0.1rem;
  27. .detailDeviceTitle {
  28. font-size: 0.3rem;
  29. font-weight: 500;
  30. color: #4089ff;
  31. margin: 0.2rem 0;
  32. }
  33. .detailDeviceCharts {
  34. padding: 0.2rem;
  35. }
  36. }
  37. .form {
  38. margin-bottom: 0.14rem;
  39. display: flex;
  40. align-items: center;
  41. justify-content: space-between;
  42. }
  43. .dateTabs {
  44. display: flex;
  45. border: 0.01rem solid #d5d5d5;
  46. height: 0.45rem;
  47. .dateTabsItem {
  48. width: 1rem;
  49. text-align: center;
  50. cursor: pointer;
  51. border-right: 0.01rem solid #d5d5d5;
  52. line-height: 0.45rem;
  53. font-size: 0.24rem;
  54. font-weight: 400;
  55. color: #4a4a4a;
  56. &:last-child {
  57. border-right: none;
  58. }
  59. &.active {
  60. background: #4a90e2;
  61. color: #fff;
  62. }
  63. }
  64. }