workDailyInfo.wxss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. /*
  2. .container {
  3. margin: 30rpx;
  4. width: 690rpx;
  5. font-size: 28rpx;
  6. line-height: 80rpx;
  7. letter-spacing: 2rpx;
  8. }
  9. .green-marker {
  10. color: #07c160;
  11. border: 1px solid #07c160;
  12. width:80rpx;
  13. height:50rpx;
  14. line-height: 50rpx;
  15. text-align: center;
  16. margin-top: 15rpx;
  17. }
  18. .blue-marker {
  19. color: #1989fa;
  20. border: 1px solid #1989fa;
  21. width:80rpx;
  22. height:50rpx;
  23. line-height: 50rpx;
  24. text-align: center;
  25. margin-top: 15rpx;
  26. }
  27. .red-marker {
  28. color: #ee0a24;
  29. border: 1px solid #ee0a24;
  30. width:80rpx;
  31. height:50rpx;
  32. line-height: 50rpx;
  33. text-align: center;
  34. margin-top: 15rpx;
  35. }
  36. .marker {
  37. color: #ff976a;
  38. width:80rpx;
  39. height:50rpx;
  40. line-height: 50rpx;
  41. text-align: center;
  42. margin-top: 15rpx;
  43. } */
  44. .container {
  45. font-size: 28rpx;
  46. }
  47. .top {
  48. width: 750rpx;
  49. height: 150rpx;
  50. background-color: #2087f7;
  51. }
  52. .fd {
  53. width: 700rpx;
  54. height: 150rpx;
  55. border-radius: 20rpx;
  56. background-color: #fff;
  57. position: relative;
  58. top: -75rpx;
  59. left: 25rpx;
  60. /* box-shadow: #2087f7; */
  61. box-shadow: #2087f7 0px 0px 20rpx;
  62. }
  63. .bottom {
  64. width: 680rpx;
  65. margin-left: 35rpx;
  66. /* height: 100rpx; */
  67. /* border: 1px solid red; */
  68. margin-top: 0rpx;
  69. }
  70. .name {
  71. color: #333333;
  72. margin-left: 50rpx;
  73. margin-top: 25rpx;
  74. font-weight: 600;
  75. }
  76. .card {
  77. color: #333333;
  78. margin-left: 50rpx;
  79. margin-top: 15rpx;
  80. font-weight: 600;
  81. }
  82. .yellow {
  83. width: 750rpx;
  84. height: 30rpx;
  85. background-color: #f9f9f7;
  86. margin-bottom: 20rpx;
  87. margin-top: 20rpx;
  88. }
  89. .blueBar {
  90. width: 10rpx;
  91. height: 40rpx;
  92. background-color: #2087f7;
  93. margin-left: 30rpx;
  94. border-radius: 5rpx;
  95. margin-right: 15rpx;
  96. }
  97. .status_box {
  98. width: 300rpx;
  99. display: flex;
  100. margin-top: 20rpx;
  101. /* border: 1px solid red; */
  102. padding: 15rpx 5rpx;
  103. box-shadow: #2087f7 0px 0px 6rpx;
  104. border-radius: 10rpx;
  105. margin-left: 25rpx;
  106. color: #666666;
  107. text-align: center;
  108. }
  109. .green-marker {
  110. color: #07c160;
  111. font-weight: 900;
  112. }
  113. .blue-marker {
  114. color: #1989fa;
  115. font-weight: 900;
  116. }
  117. .red-marker {
  118. color: #ee0a24;
  119. font-weight: 900;
  120. }
  121. .marker {
  122. color: #ff976a;
  123. font-weight: 900;
  124. }
  125. .bj{
  126. width: 670rpx;
  127. margin-left: 25rpx;
  128. background-color: #f9f9f7;
  129. padding: 10rpx 20rpx;
  130. margin-top: 20rpx;
  131. border-radius: 10rpx;
  132. color: #999999;
  133. }