style.css 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. @charset "UTF-8";
  2. /*font*/
  3. /*size*/
  4. /*icon*/
  5. /*color*/
  6. /*input/radio/checkbox*/
  7. /*popup*/
  8. /*table*/
  9. /*filter*/
  10. /*menu*/
  11. /*loading*/
  12. /*validate*/
  13. /*grid*/
  14. /*toolbar*/
  15. /*tooltip*/
  16. /*pager*/
  17. /*modal*/
  18. /*checkbox*/
  19. /*radio*/
  20. /*button*/
  21. /*input*/
  22. /*textarea*/
  23. /*form*/
  24. /*select*/
  25. /*switch*/
  26. /*pulldown*/
  27. .vxe-table {
  28. /*排序*/ }
  29. .vxe-table .vxe-table--header-wrapper .vxe-table--header-border-line {
  30. position: absolute;
  31. left: 0;
  32. bottom: 0;
  33. height: 0;
  34. border-bottom: 1px solid #e8eaec; }
  35. .vxe-table .vxe-cell--sort {
  36. width: 1.5em;
  37. height: 1.5em;
  38. vertical-align: middle;
  39. text-align: center;
  40. display: inline-block;
  41. position: relative; }
  42. .vxe-table .vxe-sort--asc-btn,
  43. .vxe-table .vxe-sort--desc-btn {
  44. position: absolute;
  45. left: 0.35em;
  46. color: #c0c4cc;
  47. width: 1em;
  48. text-align: center;
  49. cursor: pointer; }
  50. .vxe-table .vxe-sort--asc-btn:hover,
  51. .vxe-table .vxe-sort--desc-btn:hover {
  52. color: #606266; }
  53. .vxe-table .vxe-sort--asc-btn.sort--active,
  54. .vxe-table .vxe-sort--desc-btn.sort--active {
  55. color: #409eff; }
  56. .vxe-table .vxe-sort--asc-btn {
  57. top: -0.04em; }
  58. .vxe-table .vxe-sort--desc-btn {
  59. bottom: -0.04em; }
  60. .vxe-header--column {
  61. position: relative;
  62. font-weight: 700;
  63. -webkit-user-select: none;
  64. -moz-user-select: none;
  65. -ms-user-select: none;
  66. user-select: none; }
  67. .vxe-header--column.col--ellipsis > .vxe-cell {
  68. display: -webkit-box;
  69. display: -ms-flexbox;
  70. display: flex;
  71. -webkit-box-align: center;
  72. -ms-flex-align: center;
  73. align-items: center; }
  74. .vxe-header--column.col--ellipsis > .vxe-cell .vxe-cell--title {
  75. overflow: hidden;
  76. text-overflow: ellipsis;
  77. white-space: nowrap; }
  78. .vxe-header--column.col--ellipsis > .vxe-cell > i:not(.vxe-cell--title),
  79. .vxe-header--column.col--ellipsis > .vxe-cell > span:not(.vxe-cell--title) {
  80. -ms-flex-negative: 0;
  81. flex-shrink: 0; }
  82. .vxe-header--column .vxe-cell--required-icon {
  83. display: inline-block;
  84. color: #f56c6c;
  85. width: 0.8em;
  86. height: 1em;
  87. line-height: 1em;
  88. font-family: Verdana, Arial, Tahoma;
  89. font-weight: normal;
  90. position: relative; }
  91. .vxe-header--column .vxe-cell--required-icon:before {
  92. content: "*";
  93. position: absolute;
  94. left: 0;
  95. top: 0.2em; }
  96. .vxe-header--column .vxe-cell--required-icon,
  97. .vxe-header--column .vxe-cell--edit-icon,
  98. .vxe-header--column .vxe-cell-help-icon,
  99. .vxe-header--column .vxe-cell--title {
  100. vertical-align: middle; }
  101. .vxe-header--column .vxe-cell--required-icon {
  102. margin-right: 0.1em; }
  103. .vxe-header--column .vxe-cell--edit-icon,
  104. .vxe-header--column .vxe-cell-help-icon {
  105. margin-right: 0.2em; }
  106. .vxe-header--column .vxe-cell-help-icon {
  107. cursor: help; }
  108. .vxe-header--column .vxe-cell--title {
  109. line-height: 1.5; }
  110. .vxe-header--column .vxe-resizable {
  111. position: absolute;
  112. right: -7px;
  113. bottom: 0;
  114. width: 14px;
  115. height: 100%;
  116. text-align: center;
  117. z-index: 1;
  118. cursor: col-resize; }
  119. .vxe-header--column .vxe-resizable.is--line:before, .vxe-header--column .vxe-resizable.is--line:after {
  120. content: "";
  121. display: inline-block;
  122. vertical-align: middle; }
  123. .vxe-header--column .vxe-resizable.is--line:before {
  124. width: 1px;
  125. height: 50%;
  126. background-color: #D9DDDF; }
  127. .vxe-header--column .vxe-resizable.is--line:after {
  128. width: 0;
  129. height: 100%; }
  130. .vxe-table--fixed-right-wrapper .vxe-header--column .vxe-resizable {
  131. right: auto;
  132. left: -7px; }