style.css 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. /*font*/
  2. /*size*/
  3. /*icon*/
  4. /*color*/
  5. /*input/radio/checkbox*/
  6. /*popup*/
  7. /*table*/
  8. /*filter*/
  9. /*menu*/
  10. /*loading*/
  11. /*validate*/
  12. /*grid*/
  13. /*toolbar*/
  14. /*tooltip*/
  15. /*pager*/
  16. /*modal*/
  17. /*checkbox*/
  18. /*radio*/
  19. /*button*/
  20. /*input*/
  21. /*textarea*/
  22. /*form*/
  23. /*select*/
  24. /*switch*/
  25. /*pulldown*/
  26. /*tppltip*/
  27. .vxe-table--tooltip-wrapper {
  28. display: none;
  29. position: absolute;
  30. top: -100%;
  31. left: -100%;
  32. font-size: 12px;
  33. max-width: 400px;
  34. border-radius: 4px;
  35. padding: 8px 12px;
  36. white-space: normal;
  37. word-break: break-word;
  38. -webkit-box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, 0.2);
  39. box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, 0.2);
  40. color: #606266;
  41. font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; }
  42. .vxe-table--tooltip-wrapper:not(.is--enterable) {
  43. pointer-events: none; }
  44. .vxe-table--tooltip-wrapper.is--visible {
  45. display: block; }
  46. .vxe-table--tooltip-wrapper.is--arrow .vxe-table--tooltip-arrow {
  47. display: block; }
  48. .vxe-table--tooltip-wrapper.is--enterable:after {
  49. content: "";
  50. position: absolute;
  51. left: 0;
  52. width: 100%;
  53. height: 6px;
  54. background-color: transparent; }
  55. .vxe-table--tooltip-wrapper .vxe-table--tooltip-content {
  56. white-space: pre-line; }
  57. .vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow {
  58. display: none;
  59. position: absolute;
  60. border-color: transparent;
  61. border-width: 6px;
  62. border-style: solid;
  63. left: 50%;
  64. -webkit-transform: translateX(-6px);
  65. transform: translateX(-6px); }
  66. .vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow:before {
  67. content: "";
  68. position: absolute;
  69. border-color: transparent;
  70. border-width: 5px;
  71. border-style: solid;
  72. left: -5px; }
  73. .vxe-table--tooltip-wrapper.placement--top.is--enterable:after {
  74. bottom: -6px; }
  75. .vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow {
  76. bottom: -12px; }
  77. .vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow:before {
  78. top: -7px; }
  79. .vxe-table--tooltip-wrapper.placement--bottom.is--enterable:after {
  80. top: -6px; }
  81. .vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow {
  82. top: -12px; }
  83. .vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow:before {
  84. top: -4px; }
  85. .vxe-table--tooltip-wrapper.theme--light {
  86. background-color: #fff;
  87. border: 1px solid #dcdfe6; }
  88. .vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow {
  89. border-top-color: #dcdfe6; }
  90. .vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow:before {
  91. border-top-color: #fff; }
  92. .vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow {
  93. border-bottom-color: #dcdfe6; }
  94. .vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow:before {
  95. border-bottom-color: #fff; }
  96. .vxe-table--tooltip-wrapper.theme--dark {
  97. background: #303133;
  98. color: #fff; }
  99. .vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow {
  100. border-top-color: #303133; }
  101. .vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow:before {
  102. border-top-color: #303133; }
  103. .vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow {
  104. border-bottom-color: #303133; }
  105. .vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow:before {
  106. border-bottom-color: #303133; }
  107. /*valid error*/
  108. .vxe-table--tooltip-wrapper.vxe-table--valid-error {
  109. background-color: #f56c6c;
  110. color: #fff; }