emergencyEvacuationBigFullScreen.wxss 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. #emergencyEvacuationBigFullScreen.data-v-7aff74ee {
  2. height: 100%;
  3. width: 100%;
  4. display: flex;
  5. overflow: hidden;
  6. }
  7. #emergencyEvacuationBigFullScreen .emergencyEvacuationBigFullScreen-page.data-v-7aff74ee {
  8. overflow: hidden;
  9. position: absolute;
  10. top: 50%;
  11. left: 50%;
  12. }
  13. #emergencyEvacuationBigFullScreen .emergencyEvacuationBigFullScreen-page .map-max-box.data-v-7aff74ee {
  14. position: relative;
  15. }
  16. #emergencyEvacuationBigFullScreen .emergencyEvacuationBigFullScreen-page .map-max-box .map-max-for-box.data-v-7aff74ee {
  17. position: absolute;
  18. display: flex;
  19. flex-direction: column;
  20. }
  21. #emergencyEvacuationBigFullScreen .emergencyEvacuationBigFullScreen-page .map-max-box .map-max-for-box .map-max-for-min-box.data-v-7aff74ee {
  22. position: relative;
  23. }
  24. #emergencyEvacuationBigFullScreen .emergencyEvacuationBigFullScreen-page .map-max-box .map-max-for-box .map-max-for-min-box .position-box.data-v-7aff74ee {
  25. position: absolute;
  26. }
  27. #emergencyEvacuationBigFullScreen .emergencyEvacuationBigFullScreen-page .map-max-box .map-max-for-box .map-max-for-min-box .map-for-name-p.data-v-7aff74ee {
  28. padding: 0 10px;
  29. height: 20px;
  30. line-height: 20px;
  31. font-size: 14px;
  32. text-align: center;
  33. color: #333;
  34. overflow: hidden;
  35. text-overflow: ellipsis;
  36. white-space: nowrap;
  37. }
  38. #emergencyEvacuationBigFullScreen .emergencyEvacuationBigFullScreen-page .map-max-box .map-max-for-box .map-max-for-min-box .map-for-num-p.data-v-7aff74ee {
  39. padding: 0 10px;
  40. height: 20px;
  41. line-height: 20px;
  42. font-size: 14px;
  43. text-align: center;
  44. color: #333;
  45. overflow: hidden;
  46. text-overflow: ellipsis;
  47. white-space: nowrap;
  48. }
  49. #emergencyEvacuationBigFullScreen .emergencyEvacuationBigFullScreen-page .map-max-box .for-map-box.data-v-7aff74ee {
  50. border: 2px solid #fff;
  51. background: #cef2fd;
  52. }
  53. #emergencyEvacuationBigFullScreen .emergencyEvacuationBigFullScreen-page .map-max-box .for-map-box-one.data-v-7aff74ee {
  54. background: #cefdd5;
  55. }
  56. #emergencyEvacuationBigFullScreen .emergencyEvacuationBigFullScreen-page .map-max-box .room-type-one.data-v-7aff74ee {
  57. background: #b2ebff;
  58. }
  59. #emergencyEvacuationBigFullScreen .emergencyEvacuationBigFullScreen-page .map-max-box .room-type-two.data-v-7aff74ee {
  60. background: rgba(232,0,0,0.4);
  61. box-shadow: 0 0 10px 1px #e80000 inset;
  62. }
  63. #emergencyEvacuationBigFullScreen .emergencyEvacuationBigFullScreen-page .map-max-box .room-type-three.data-v-7aff74ee {
  64. background: #b2ebff;
  65. box-shadow: 0 0 10px 1px #e80000 inset;
  66. }
  67. #emergencyEvacuationBigFullScreen .position-button.data-v-7aff74ee {
  68. position: fixed;
  69. top: 10px;
  70. right: 10px;
  71. width: 100px;
  72. line-height: 30px;
  73. font-size: 16px;
  74. background: rgba(0,0,0,0.5);
  75. color: #fff;
  76. text-align: center;
  77. border-radius: 18px;
  78. border: none;
  79. }
  80. #emergencyEvacuationBigFullScreen .position-button-two.data-v-7aff74ee {
  81. position: fixed;
  82. bottom: 20px;
  83. left: 50%;
  84. width: 240px;
  85. line-height: 30px;
  86. font-size: 16px;
  87. text-align: center;
  88. color: #fff;
  89. background: #0183fa;
  90. border-radius: 4px;
  91. margin-left: -120px;
  92. border: none;
  93. }
  94. #emergencyEvacuationBigFullScreen .for-map-box-two.data-v-7aff74ee {
  95. background: url("https://zj-wechat.oss-cn-beijing.aliyuncs.com/xcx_images/xcx_v3/manage/icon_yjtd.png") center center no-repeat #006400;
  96. background-size: 60rpx 60rpx;
  97. }
  98. #emergencyEvacuationBigFullScreen .for-map-box-two-check.data-v-7aff74ee {
  99. background: url("https://zj-wechat.oss-cn-beijing.aliyuncs.com/xcx_images/xcx_v3/manage/icon_yjtd.png") center center no-repeat #32cd32;
  100. background-size: 80rpx 80rpx;
  101. }
  102. #emergencyEvacuationBigFullScreen .center-move-door-p-t.data-v-7aff74ee {
  103. background: url("https://zj-wechat.oss-cn-beijing.aliyuncs.com/xcx_images/xcx_v3/manage/icon_sysbjt_m.png") !important;
  104. background-size: 100% !important;
  105. -webkit-transform: rotate(180deg);
  106. transform: rotate(180deg);
  107. }
  108. #emergencyEvacuationBigFullScreen .center-move-door-p-b.data-v-7aff74ee {
  109. background: url("https://zj-wechat.oss-cn-beijing.aliyuncs.com/xcx_images/xcx_v3/manage/icon_sysbjt_m.png") !important;
  110. background-size: 100% !important;
  111. }
  112. #emergencyEvacuationBigFullScreen .center-move-door-p-l.data-v-7aff74ee {
  113. background: url("https://zj-wechat.oss-cn-beijing.aliyuncs.com/xcx_images/xcx_v3/manage/icon_sysbjt_m.png") !important;
  114. background-size: 100% !important;
  115. -webkit-transform: rotate(90deg);
  116. transform: rotate(90deg);
  117. }
  118. #emergencyEvacuationBigFullScreen .center-move-door-p-r.data-v-7aff74ee {
  119. background: url("https://zj-wechat.oss-cn-beijing.aliyuncs.com/xcx_images/xcx_v3/manage/icon_sysbjt_m.png") !important;
  120. background-size: 100% !important;
  121. -webkit-transform: rotateZ(270deg);
  122. transform: rotateZ(270deg);
  123. }
  124. #emergencyEvacuationBigFullScreen .lightTopOn.data-v-7aff74ee {
  125. background: url("https://zj-wechat.oss-cn-beijing.aliyuncs.com/xcx_images/xcx_v3/manage/icon_sjt.png");
  126. background-size: 100%;
  127. }
  128. #emergencyEvacuationBigFullScreen .lightTopOff.data-v-7aff74ee {
  129. background: url("https://zj-wechat.oss-cn-beijing.aliyuncs.com/xcx_images/xcx_v3/manage/icon_shang_hs.png");
  130. background-size: 100%;
  131. }
  132. #emergencyEvacuationBigFullScreen .lightBottomOn.data-v-7aff74ee {
  133. background: url("https://zj-wechat.oss-cn-beijing.aliyuncs.com/xcx_images/xcx_v3/manage/icon_xjt.png");
  134. background-size: 100%;
  135. }
  136. #emergencyEvacuationBigFullScreen .lightBottomOff.data-v-7aff74ee {
  137. background: url("https://zj-wechat.oss-cn-beijing.aliyuncs.com/xcx_images/xcx_v3/manage/icon_xia_hs.png");
  138. background-size: 100%;
  139. }
  140. #emergencyEvacuationBigFullScreen .lightLeftOn.data-v-7aff74ee {
  141. background: url("https://zj-wechat.oss-cn-beijing.aliyuncs.com/xcx_images/xcx_v3/manage/icon_zuo.png");
  142. background-size: 100%;
  143. }
  144. #emergencyEvacuationBigFullScreen .lightLeftOff.data-v-7aff74ee {
  145. background: url("https://zj-wechat.oss-cn-beijing.aliyuncs.com/xcx_images/xcx_v3/manage/icon_zou_hs.png");
  146. background-size: 100%;
  147. }
  148. #emergencyEvacuationBigFullScreen .lightRightOn.data-v-7aff74ee {
  149. background: url("https://zj-wechat.oss-cn-beijing.aliyuncs.com/xcx_images/xcx_v3/manage/icon_yuo.png");
  150. background-size: 100%;
  151. }
  152. #emergencyEvacuationBigFullScreen .lightRightOff.data-v-7aff74ee {
  153. background: url("https://zj-wechat.oss-cn-beijing.aliyuncs.com/xcx_images/xcx_v3/manage/icon_you_hs.png");
  154. background-size: 100%;
  155. }