Newer
Older
DH_Apicture / src / assets / styles / mapcss.scss
@zhangqy zhangqy on 29 Nov 3 KB first commit
  1. .boxitem {
  2. // cursor: pointer;
  3. width: 100%;
  4. height: auto;
  5. display: flex;
  6.  
  7.  
  8. .leftbox {
  9. border: 1px solid #fff;
  10. justify-content: center;
  11. align-items: center;
  12. text-align: center;
  13. border-radius: 15px;
  14. margin-bottom: 10px;
  15. height: 30px;
  16. width: 100px;
  17. display: flex;
  18. flex-wrap: wrap;
  19. }
  20.  
  21. .rightbox {
  22. width: calc(100% - 20px);
  23. display: flex;
  24. flex-wrap: wrap;
  25. padding: 0 10px;
  26.  
  27. .pumpName {
  28. cursor: pointer;
  29. height: 30px;
  30. width: 100px;
  31. text-align: center;
  32. line-height: 30px;
  33. border: 1px solid #fff;
  34. border-radius: 5px;
  35. padding: 0 10px;
  36. margin-right: 8px;
  37. margin-bottom: 5px;
  38. overflow: hidden;
  39. text-overflow: ellipsis;
  40. /* 超出部分省略号 */
  41. word-break: break-all;
  42. /* break-all(允许在单词内换行。) */
  43. display: -webkit-box;
  44. /* 对象作为伸缩盒子模型显示 */
  45. -webkit-box-orient: vertical;
  46. /* 设置或检索伸缩盒对象的子元素的排列方式 */
  47. -webkit-line-clamp: 1;
  48. /* 显示的行数 */
  49.  
  50. &.actived {
  51. color: #1fa9f6;
  52. border: 1px solid #1fa9f6;
  53. }
  54. }
  55. }
  56. }
  57.  
  58. .topfilter {
  59. display: flex;
  60. flex-wrap: wrap;
  61. height: 60px;
  62.  
  63. .selectbox {
  64. width: 48%;
  65. height: 25px;
  66. line-height: 25px;
  67. margin-right: 5px;
  68. display: flex;
  69.  
  70. .label {
  71. margin-right: 5px;
  72. }
  73. .value {
  74. cursor: pointer;
  75. display: flex;
  76. margin-right: 5px;
  77. padding: 0px 5px;
  78. border: 1px solid #fff;
  79. border-radius: 5px;
  80.  
  81. &.actived {
  82. color: #00b4f6;
  83. }
  84. }
  85. }
  86. }
  87. .bottomtable {
  88. height: calc(100% - 60px);
  89. }
  90.  
  91. :deep(.el-table) {
  92. background: transparent;
  93. border: transparent;
  94.  
  95. tr {
  96. background: linear-gradient(0deg, rgba(38, 77, 134, 0.5) 0%, rgba(38, 77, 134, 0.2) 100%) !important;
  97. color: #b4cded;
  98. border: none !important;
  99. margin: 10px;
  100. }
  101.  
  102. .el-table__header-wrapper {
  103. th {
  104. background-color: #263a66 !important;
  105. border-color: transparent;
  106. color: #9cdfee;
  107. font-size: 14px;
  108. font-weight: 400;
  109. text-align: center;
  110. }
  111. }
  112.  
  113. .el-table__inner-wrapper::before {
  114. /* 去除下边框 */
  115. height: 0;
  116. }
  117.  
  118. td.el-table__cell {
  119. border-bottom: 0.00521rem solid #00314e !important;
  120. color: #c6c6c6;
  121. }
  122.  
  123. .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  124. background: #00314e !important;
  125. }
  126.  
  127. tbody tr:hover > td {
  128. background-color: #367f7f78 !important;
  129. }
  130. }
  131.  
  132. :deep(.pagination-container) {
  133. background: transparent !important;
  134. margin: 0 !important;
  135.  
  136. .el-pagination {
  137. right: 15px;
  138. }
  139. }
  140.  
  141. :deep(.el-pagination.is-background .btn-prev:disabled) {
  142. background-color: transparent !important;
  143. color: #fff;
  144. }
  145.  
  146. :deep(.el-pagination.is-background .btn-prev) {
  147. background-color: transparent !important;
  148. color: #fff;
  149. }
  150. :deep(.el-pagination.is-background .el-pager li) {
  151. color: #fff;
  152. background-color: transparent !important;
  153. }
  154.  
  155. :deep(.el-pagination__total) {
  156. color: #fff;
  157. }
  158.  
  159. :deep(.el-pagination.is-background .el-pager li.is-active) {
  160. color: #409eff;
  161. }
  162.  
  163. :deep(.el-pagination__goto) {
  164. color: #fff;
  165. }
  166. :deep(.el-pagination__classifier) {
  167. color: #fff;
  168. }
  169.  
  170. :deep(.el-pagination.is-background .btn-next:disabled) {
  171. background: transparent;
  172. }
  173.  
  174. :deep(.el-pagination.is-background .btn-next) {
  175. background-color: transparent;
  176. color: #fff;
  177. }