index.less 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191
  1. .egressDetails{
  2. min-height: calc(100vh - 30px);
  3. background: #F5F5F5;
  4. padding-bottom: 30px;
  5. .titleContent{
  6. position: relative;
  7. background: white;
  8. padding: 20px 30px;
  9. border-bottom: 1px #dadada solid;
  10. .title{
  11. font-weight: bolder;
  12. padding-bottom: 20px;
  13. }
  14. .address{
  15. font-size: 25px;
  16. color: #767272;
  17. padding-bottom: 20px;
  18. display: flex;
  19. flex-flow: row;
  20. align-items: center;
  21. }
  22. .state{
  23. font-size: 30px;
  24. color: #767272;
  25. }
  26. .startIcon{
  27. width: 180px;
  28. height: 180px;
  29. position: absolute;
  30. right: 55px;
  31. bottom: -65px;
  32. }
  33. }
  34. .valueContent{
  35. margin: 20px;
  36. padding: 30px;
  37. background: white;
  38. border-radius: 20px;
  39. .item{
  40. padding-bottom: 30px;
  41. .title{
  42. display: flex;
  43. flex-flow: row nowrap;
  44. align-items: center;
  45. justify-content: space-between;
  46. color: #b7acac;
  47. font-size: 27px;
  48. padding-bottom: 10px;
  49. position: relative;
  50. .titleTips{
  51. color: #ff0000;
  52. font-size: 18px;
  53. padding-left: 10px;
  54. }
  55. .edit{
  56. position: absolute;
  57. right: -30px;
  58. padding: 30px;
  59. }
  60. .switchItem{
  61. width: 40px;
  62. height: 40px;
  63. margin-left: 20px;
  64. }
  65. }
  66. .value{
  67. color: #000000;
  68. font-size: 30px;
  69. }
  70. .timeContent{
  71. background: rgba(0,51,255,.09);
  72. border-radius: 30px;
  73. padding: 30px;
  74. margin-top: 45px;
  75. .time{
  76. display: flex;
  77. flex-flow: row nowrap;
  78. justify-content: space-between;
  79. align-items: center;
  80. .num{
  81. font-size: 30px;
  82. }
  83. .journal{
  84. font-size: 28px;
  85. color: #007aff;
  86. }
  87. }
  88. .timeAxis{
  89. display: flex;
  90. flex-flow: column nowrap;
  91. padding-top: 30px;
  92. .startTime{
  93. display: flex;
  94. align-items: center;
  95. color: #b7acac;
  96. font-size: 25px;
  97. }
  98. .axis{
  99. width: 1px;
  100. height: 40px;
  101. border-left: 1px #b7acac solid;
  102. margin-left: 11px;
  103. }
  104. .endTime{
  105. display: flex;
  106. align-items: center;
  107. color: #b7acac;
  108. font-size: 25px;
  109. }
  110. .circle{
  111. margin-right: 15px;
  112. width: 20px;
  113. height: 20px;
  114. border-radius: 30px;
  115. border: 1px #b7acac solid;
  116. }
  117. }
  118. }
  119. }
  120. .shareContent{
  121. display: flex;
  122. flex-flow: column nowrap;
  123. justify-content: center;
  124. align-items: center;
  125. width: 100%;
  126. .share{
  127. overflow: visible;
  128. width: 100px;
  129. height: 100px;
  130. padding: 0;
  131. border-radius: 161px;
  132. background: #0000;
  133. .shareIcon{
  134. width: 100px;
  135. height: 100px;
  136. }
  137. }
  138. .shareTitle{
  139. padding-top: 15px;
  140. font-size: 19px;
  141. color: #767272;
  142. }
  143. }
  144. }
  145. .history{
  146. display: flex;
  147. flex-flow: row nowrap;
  148. justify-content: space-between;
  149. align-items: center;
  150. font-size: 30px;
  151. }
  152. .operation{
  153. display: flex;
  154. flex-flow: row nowrap;
  155. }
  156. .at-image-picker__flex-box{
  157. padding-left: 0;
  158. }
  159. .at-image-picker__remove-btn{
  160. display: none;
  161. }
  162. .at-calendar__list.flex .flex__item--selected{
  163. color: white;
  164. border: 0 !important;
  165. border-radius: 0 !important;
  166. background: #6eb173;
  167. }
  168. .at-calendar__list.flex .flex__item--selected-head.flex__item--selected-tail {
  169. background-color: #6eb173;
  170. }
  171. .at-calendar__list.flex .flex__item{
  172. background: #6eb173;
  173. color: #FFFFFF;
  174. }
  175. .at-calendar__list.flex .flex__item--blur{
  176. background: #fff !important;
  177. color: #e1e4e7 !important;
  178. }
  179. .at-modal__container{
  180. width: 718px;
  181. }
  182. button::after{
  183. border: 0px !important;
  184. }
  185. }