query_result.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. /**
  2. * 创建者:王成
  3. * 创建日期:2022年6月24日
  4. * 描述:查询结果样式集
  5. */
  6. /* 查询结果标题容器 */
  7. .jt-query-result-title {
  8. height: 40px;
  9. line-height: 40px;
  10. color: rgb(255, 255, 255);
  11. font-size: 14px;
  12. display: flex;
  13. flex-direction: row;
  14. align-items: center;
  15. background-color: rgb(32, 46, 96);
  16. padding: 0px 5px;
  17. }
  18. /* 查询结果标题 数字图标 */
  19. .jt-query-result-title .jt-icon {
  20. display: inline-block;
  21. height: 24px;
  22. width: 24px;
  23. line-height: 24px;
  24. font-size: 12px;
  25. border: solid 1px rgb(230, 230, 230);
  26. border-radius: 20px;
  27. color: rgb(146, 224, 212);
  28. font-weight: bold;
  29. background-color: rgba(255, 255, 255, 0);
  30. text-align: center;
  31. box-shadow: rgb(95, 150, 222) 0px 0px 10px inset;
  32. }
  33. /* 查询结果标题 标题内容 */
  34. .jt-query-result-title .jt-title {
  35. flex: 1;
  36. padding: 0px 5px;
  37. overflow: hidden;
  38. text-overflow: ellipsis;
  39. white-space: nowrap;
  40. }
  41. /* 查询结果标题 按钮 */
  42. .jt-query-result-title .jt-btn {
  43. position: relative;
  44. margin: 0px;
  45. margin-right: 5px;
  46. background-color: rgba(255, 255, 255, 0);
  47. border: solid 0px rgba(255, 255, 255, 0);
  48. color: rgba(236, 182, 98, 1.0);
  49. padding: 0px 8px !important;
  50. }
  51. /* 查询结果标题 按钮分隔线 */
  52. .jt-query-result-title .jt-btn::after {
  53. content: '';
  54. width: 1px;
  55. position: absolute;
  56. top: 3px;
  57. bottom: 3px;
  58. right: -2px;
  59. background-color: rgba(255, 255, 255, 0.75);
  60. }
  61. /* 查询结果标题 去掉最后一个按钮的分隔线 */
  62. .jt-query-result-title .jt-btn:last-child::after {
  63. width: 0px;
  64. }
  65. /* 查询结果 内容容器 */
  66. .jt-query-result-content {
  67. border-radius: 8px;
  68. }
  69. /* 查询结果 内容行 */
  70. .jt-query-result-content .jt-query-result-row {
  71. height: 40px;
  72. font-size: 13px;
  73. display: flex;
  74. flex-direction: row;
  75. align-items: center;
  76. }
  77. /* 查询结果 内容行标题 */
  78. .jt-query-result-content .jt-query-result-row .jt-title {
  79. display: inline-block;
  80. width: 70px;
  81. text-align: right;
  82. color: rgba(161, 182, 233, 1.0);
  83. font-weight: bold;
  84. overflow: hidden;
  85. text-overflow: ellipsis;
  86. white-space: nowrap;
  87. }
  88. /* 查询结果 内容行 值 */
  89. .jt-query-result-content .jt-query-result-row .jt-value {
  90. display: inline-block;
  91. flex: 1;
  92. text-align: left;
  93. padding-left: 8px;
  94. color: rgba(149, 192, 110, 1.0);
  95. overflow: hidden;
  96. text-overflow: ellipsis;
  97. white-space: nowrap;
  98. }
  99. /* 查询结果 内容行 值 点击样式 */
  100. .jt-query-result-content .jt-query-result-row .jt-value:active {
  101. color: rgb(255, 0, 0);
  102. font-weight: bold;
  103. }
  104. /* 地块查询结果底部弹框 */
  105. .jt-query-result-popover {
  106. height: 300px !important;
  107. background-color: rgb(39, 56, 122) !important;
  108. border-top-right-radius: 10px !important;
  109. border-top-left-radius: 10px !important;
  110. display: flex !important;
  111. flex-direction: column !important;
  112. }