MaterialFlowInfo.wxss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. /* pages/MaterialFlowInfo/MaterialFlowInfo.wxss */
  2. /* wuliu */
  3. page{
  4. background: #f7f7f7;
  5. }
  6. .flex-row{
  7. display: flex;
  8. align-items: center;
  9. top: -20rpx;
  10. }
  11. .isorder-info{
  12. position: fixed;
  13. }
  14. .con1{
  15. width: 700rpx;
  16. background: #04358D;
  17. box-shadow: 0px 5rpx 18rpx 3rpx rgba(176, 176, 176, 0.06);
  18. border-radius: 20rpx;
  19. margin: 40rpx 25rpx;
  20. padding: 26rpx 25rpx ;
  21. box-sizing: border-box;
  22. }
  23. .order_icon{
  24. width: 150rpx;
  25. height: 120rpx;
  26. }
  27. .w_text{
  28. margin-left: 30rpx;
  29. color: #fff;
  30. font-size:25rpx;
  31. }
  32. .item{
  33. margin-bottom: 20rpx;
  34. }
  35. .item:last-child{
  36. margin-bottom: 0;
  37. }
  38. .con4{
  39. width: 700rpx;
  40. background: #FFFFFF;
  41. box-shadow: 0px 5rpx 18rpx 3rpx rgba(176, 176, 176, 0.06);
  42. border-radius: 20rpx;
  43. margin: 40rpx 25rpx;
  44. padding: 26rpx 25rpx 56rpx ;
  45. box-sizing: border-box;
  46. }
  47. .con4_top1{
  48. text-align: center;
  49. font-size: 32rpx;
  50. font-weight: 500;
  51. color: #333333;
  52. margin-bottom: 35rpx;
  53. }
  54. .con4_top2{
  55. font-size: 24rpx;
  56. color: #666;
  57. margin-bottom: 42rpx;
  58. }
  59. .con4_img{
  60. width: 25rpx;
  61. height: 28rpx;
  62. }
  63. .chek_img{
  64. width:100rpx;
  65. height:100rpx;
  66. border-radius: 6rpx;
  67. }
  68. .con4_top3{
  69. margin-bottom: 53rpx;
  70. position: relative;
  71. }
  72. .con4_top3:last-child{
  73. margin-bottom:0
  74. }
  75. .con4_icon{
  76. position: absolute;
  77. left: 0rpx;
  78. top: 0rpx;
  79. }
  80. .con4_text{
  81. font-size: 22rpx;
  82. font-weight: 400;
  83. color: #666666;
  84. /* border-left: 2rpx solid #c9c9c9; */
  85. padding-left: 51rpx;
  86. margin-left: 23rpx
  87. }
  88. .con4_time{
  89. font-size: 28rpx;
  90. font-weight: 500;
  91. color: #04358D;
  92. }
  93. .con4_icon1{
  94. position: absolute;
  95. left: 0rpx;
  96. top: 0rpx;
  97. }
  98. .line{
  99. width: 2rpx;
  100. height: 98rpx;
  101. background: #999999;
  102. position: absolute;
  103. top: -100rpx;
  104. left: 25rpx;
  105. }
  106. .text{
  107. font-size: 22rpx;
  108. font-weight: 400;
  109. color: #666666;
  110. }
  111. .no{
  112. font-size: 28rpx;
  113. font-weight: 500;
  114. color: #666666;
  115. }
  116. .container-map-box {
  117. position: relative;
  118. }
  119. .map-box {
  120. width: 100%;
  121. position: fixed;
  122. top: 260rpx;
  123. }
  124. .movable-style {
  125. position: absolute;
  126. width: 702rpx;
  127. top: 400rpx;
  128. background-color: aqua;
  129. height: 400rpx;
  130. margin-left: 24rpx;
  131. }
  132. .flow-info-box {
  133. position: absolute;
  134. width: 702rpx;
  135. top: 400rpx;
  136. margin-left: 24rpx;
  137. background-color: #fff;
  138. width: 702rpx;
  139. height: 1200rpx;
  140. border-radius:20rpx;
  141. z-index: 100;
  142. }
  143. .update-info{
  144. text-align: right;
  145. margin-right: 20rpx;
  146. margin-top: 20rpx;
  147. font-size: 26rpx;
  148. font-weight: 500;
  149. color: #3070e7;
  150. }