style.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  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. /*加载中*/
  28. .vxe-loading {
  29. display: none;
  30. position: absolute;
  31. width: 100%;
  32. height: 100%;
  33. top: 0;
  34. left: 0;
  35. z-index: 99;
  36. -webkit-user-select: none;
  37. -moz-user-select: none;
  38. -ms-user-select: none;
  39. user-select: none;
  40. background-color: rgba(255, 255, 255, 0.5); }
  41. .vxe-loading.is--visible {
  42. display: block; }
  43. .vxe-loading > .vxe-loading--chunk {
  44. width: 100%;
  45. position: absolute;
  46. top: 50%;
  47. left: 0;
  48. -webkit-transform: translateY(-50%);
  49. transform: translateY(-50%);
  50. text-align: center;
  51. color: #409eff; }
  52. .vxe-loading .vxe-loading--default-icon {
  53. font-size: 1.4em; }
  54. .vxe-loading .vxe-loading--text {
  55. padding: 0.4em 0; }
  56. .vxe-loading .vxe-loading--spinner {
  57. display: inline-block;
  58. position: relative;
  59. width: 56px;
  60. height: 56px; }
  61. .vxe-loading .vxe-loading--spinner:before, .vxe-loading .vxe-loading--spinner:after {
  62. content: "";
  63. width: 100%;
  64. height: 100%;
  65. border-radius: 50%;
  66. background-color: #409eff;
  67. opacity: 0.6;
  68. position: absolute;
  69. top: 0;
  70. left: 0;
  71. -webkit-animation: bounce 2.0s infinite ease-in-out;
  72. animation: bounce 2.0s infinite ease-in-out; }
  73. .vxe-loading .vxe-loading--spinner:after {
  74. -webkit-animation-delay: -1.0s;
  75. animation-delay: -1.0s; }
  76. @-webkit-keyframes bounce {
  77. 0%, 100% {
  78. -webkit-transform: scale(0);
  79. transform: scale(0); }
  80. 50% {
  81. -webkit-transform: scale(1);
  82. transform: scale(1); } }
  83. @keyframes bounce {
  84. 0%, 100% {
  85. -webkit-transform: scale(0);
  86. transform: scale(0); }
  87. 50% {
  88. -webkit-transform: scale(1);
  89. transform: scale(1); } }
  90. .size--mini .vxe-loading .vxe-loading--spinner {
  91. width: 38px;
  92. height: 38px; }
  93. .size--small .vxe-loading .vxe-loading--spinner {
  94. width: 44px;
  95. height: 44px; }
  96. .size--medium .vxe-loading .vxe-loading--spinner {
  97. width: 50px;
  98. height: 50px; }