拓恒飞手平台小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

126 lines
2.4KB

  1. /* package_A/page/TaskDetail/index.wxss */
  2. .detail_container {
  3. width: 100%;
  4. display: flex;
  5. flex-direction: column;
  6. justify-content: flex-start;
  7. align-items: flex-start;
  8. }
  9. .detail_head {
  10. box-sizing: border-box;
  11. width: 100%;
  12. padding: 20rpx 40rpx;
  13. display: flex;
  14. justify-content: space-between;
  15. align-items: center;
  16. }
  17. .map_box {
  18. width: 100%;
  19. height: 440rpx;
  20. background-color: aliceblue;
  21. }
  22. .task_message {
  23. box-sizing: border-box;
  24. width: 100%;
  25. padding: 40rpx 60rpx 20rpx 60rpx;
  26. display: flex;
  27. flex-direction: column;
  28. justify-content: flex-start;
  29. align-items: flex-start;
  30. }
  31. .message_head {
  32. width: 100%;
  33. margin-bottom: 30rpx;
  34. color: #000;
  35. font-size: 34rpx;
  36. font-weight: bold;
  37. }
  38. .message_list {
  39. box-sizing: border-box;
  40. display: flex;
  41. flex-direction: column;
  42. justify-content: flex-start;
  43. align-items: flex-start;
  44. color: #666666;
  45. }
  46. .message_item {
  47. width: 100%;
  48. margin-bottom: 30rpx;
  49. }
  50. .form_container {
  51. box-sizing: border-box;
  52. width: 100%;
  53. margin-bottom: 40rpx;
  54. padding: 30rpx 60rpx;
  55. display: flex;
  56. flex-direction: column;
  57. justify-content: flex-start;
  58. align-items: flex-start;
  59. box-shadow: 0 4rpx 12rpx 0 #5251517a;
  60. }
  61. .form_item {
  62. box-sizing: border-box;
  63. width: 100%;
  64. margin-bottom: 30rpx;
  65. display: flex;
  66. justify-content: flex-start;
  67. align-items: center;
  68. color: #666666;
  69. font-size: 30rpx;
  70. position: relative;
  71. }
  72. .item_label {
  73. width: 170rpx;
  74. margin-right: 30rpx;
  75. }
  76. .picker_box {
  77. flex: 1;
  78. height: 50rpx;
  79. padding-left: 20rpx;
  80. line-height: 50rpx;
  81. border: 1rpx solid #dedede;
  82. position: relative;
  83. }
  84. .tips{
  85. position: absolute;
  86. bottom: -30rpx;
  87. left: 200rpx;
  88. color: red;
  89. font-size: 26rpx;
  90. display: none;
  91. }
  92. .warning.form_item .tips{
  93. display: block;
  94. }
  95. .fly_message {
  96. box-sizing: border-box;
  97. width: 100%;
  98. padding: 0 60rpx 40rpx 60rpx;
  99. color: #666666;
  100. display: flex;
  101. flex-direction: column;
  102. justify-content: flex-start;
  103. align-items: flex-start;
  104. }
  105. .btn_list {
  106. box-sizing: border-box;
  107. width: 100%;
  108. padding: 40rpx 60rpx;
  109. }
  110. .btn_item {
  111. width: 100%;
  112. height: 90rpx;
  113. line-height: 90rpx;
  114. text-align: center;
  115. border-radius: 46rpx;
  116. color: #ffffff;
  117. font-size: 34rpx;
  118. }
  119. .order_btn, .start_btn {
  120. background-color: rgba(63, 143, 251, 1);
  121. }
  122. .end_btn {
  123. background-color: rgba(232, 86, 86, 1);
  124. }