index.less 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289
  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 20px;
  9. border-bottom: 1px #dadada solid;
  10. .title {
  11. font-weight: bolder;
  12. padding-bottom: 20px;
  13. display: flex;
  14. flex-direction: row;
  15. align-items: center;
  16. .titRight {
  17. background: #1E90FF;
  18. color: white;
  19. padding: 5px 8px;
  20. border-radius: 4px;
  21. margin-left: 10px;
  22. font-size: 25px;
  23. }
  24. }
  25. .address {
  26. font-size: 25px;
  27. color: #767272;
  28. padding-bottom: 20px;
  29. display: flex;
  30. flex-flow: row;
  31. align-items: center;
  32. }
  33. .state {
  34. font-size: 30px;
  35. color: #767272;
  36. }
  37. .startIcon {
  38. width: 180px;
  39. height: 180px;
  40. position: absolute;
  41. right: 55px;
  42. bottom: 0px;
  43. }
  44. }
  45. .valueContent {
  46. margin: 20px;
  47. padding: 30px;
  48. background: white;
  49. border-radius: 20px;
  50. .item {
  51. padding-bottom: 30px;
  52. .title {
  53. display: flex;
  54. flex-flow: row nowrap;
  55. align-items: center;
  56. justify-content: space-between;
  57. color: #b7acac;
  58. font-size: 27px;
  59. padding-bottom: 10px;
  60. position: relative;
  61. .titleTips {
  62. color: #ff0000;
  63. font-size: 18px;
  64. padding-left: 10px;
  65. }
  66. .edit {
  67. position: absolute;
  68. right: -30px;
  69. padding: 30px;
  70. }
  71. .switchItem {
  72. width: 40px;
  73. height: 40px;
  74. margin-left: 20px;
  75. }
  76. }
  77. .value {
  78. color: #000000;
  79. font-size: 30px;
  80. }
  81. .cassistant {
  82. font-size: 25px;
  83. color: red;
  84. display: flex;
  85. flex-direction: row;
  86. flex-wrap: wrap;
  87. margin-top: 10px;
  88. .citems {
  89. margin-right: 20px;
  90. margin-bottom: 20px;
  91. display: flex;
  92. flex-direction: row;
  93. position: relative;
  94. padding-right: 40px;
  95. .cclose {
  96. position: absolute;
  97. right: 0;
  98. top: -20px;
  99. }
  100. }
  101. .addbuttom {
  102. font-size: 22px;
  103. padding: 0 10px;
  104. margin-left: 20px;
  105. }
  106. }
  107. .timeContent {
  108. background: rgba(0, 51, 255, .09);
  109. border-radius: 30px;
  110. padding: 30px;
  111. margin-top: 45px;
  112. .time {
  113. display: flex;
  114. flex-flow: row nowrap;
  115. justify-content: space-between;
  116. align-items: center;
  117. .num {
  118. font-size: 30px;
  119. }
  120. .journal {
  121. font-size: 28px;
  122. color: #007aff;
  123. }
  124. }
  125. .timeAxis {
  126. display: flex;
  127. flex-flow: column nowrap;
  128. padding-top: 30px;
  129. .startTime {
  130. display: flex;
  131. align-items: center;
  132. color: #b7acac;
  133. font-size: 25px;
  134. }
  135. .axis {
  136. width: 1px;
  137. height: 40px;
  138. border-left: 1px #b7acac solid;
  139. margin-left: 11px;
  140. }
  141. .endTime {
  142. display: flex;
  143. align-items: center;
  144. color: #b7acac;
  145. font-size: 25px;
  146. }
  147. .circle {
  148. margin-right: 15px;
  149. width: 20px;
  150. height: 20px;
  151. border-radius: 30px;
  152. border: 1px #b7acac solid;
  153. }
  154. }
  155. }
  156. }
  157. .shareContent {
  158. display: flex;
  159. flex-flow: column nowrap;
  160. justify-content: center;
  161. align-items: center;
  162. width: 100%;
  163. .share {
  164. overflow: visible;
  165. width: 100px;
  166. height: 100px;
  167. padding: 0;
  168. border-radius: 161px;
  169. background: #0000;
  170. .shareIcon {
  171. width: 100px;
  172. height: 100px;
  173. }
  174. }
  175. .shareTitle {
  176. padding-top: 15px;
  177. font-size: 19px;
  178. color: #767272;
  179. }
  180. }
  181. }
  182. .history {
  183. display: flex;
  184. flex-flow: row nowrap;
  185. justify-content: space-between;
  186. align-items: center;
  187. font-size: 30px;
  188. }
  189. .operation {
  190. display: flex;
  191. flex-flow: row nowrap;
  192. margin-top: 30px;
  193. }
  194. .at-image-picker__flex-box {
  195. padding-left: 0;
  196. }
  197. .at-image-picker__remove-btn {
  198. display: none;
  199. }
  200. .at-calendar__list.flex .flex__item--selected {
  201. color: white;
  202. border: 0 !important;
  203. border-radius: 0 !important;
  204. background: #6eb173;
  205. }
  206. .at-calendar__list.flex .flex__item--selected-head.flex__item--selected-tail {
  207. background-color: #6eb173;
  208. }
  209. .at-calendar__list.flex .flex__item {
  210. background: #6eb173;
  211. color: #FFFFFF;
  212. }
  213. .at-calendar__list.flex .flex__item--blur {
  214. background: #fff !important;
  215. color: #e1e4e7 !important;
  216. }
  217. .at-modal__container {
  218. width: 718px;
  219. }
  220. button::after {
  221. border: 0px !important;
  222. }
  223. }
  224. .slist{
  225. padding: 10px 20px;
  226. font-size: 26px;
  227. .slitems{
  228. margin: 15px 0;
  229. display: flex;
  230. flex-direction: row;
  231. align-items: center;
  232. justify-content: space-between;
  233. }
  234. .slbt{
  235. width: 30%;
  236. margin: 20px auto;
  237. }
  238. .cltips{
  239. text-align: center;
  240. font-size: 24px;
  241. color: #4395ff;
  242. }
  243. }