style.css 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
  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(0, 0, 0, 0.2); }
  41. .vxe-loading.is--visible {
  42. display: block; }
  43. .vxe-loading .vxe-loading--spinner {
  44. width: 56px;
  45. height: 56px;
  46. position: absolute;
  47. top: 50%;
  48. left: 50%;
  49. -webkit-transform: translate(-50%, -50%);
  50. transform: translate(-50%, -50%); }
  51. .vxe-loading .vxe-loading--spinner:before, .vxe-loading .vxe-loading--spinner:after {
  52. content: "";
  53. width: 100%;
  54. height: 100%;
  55. border-radius: 50%;
  56. background-color: #409eff;
  57. opacity: 0.6;
  58. position: absolute;
  59. top: 0;
  60. left: 0;
  61. -webkit-animation: bounce 2.0s infinite ease-in-out;
  62. animation: bounce 2.0s infinite ease-in-out; }
  63. .vxe-loading .vxe-loading--spinner:after {
  64. -webkit-animation-delay: -1.0s;
  65. animation-delay: -1.0s; }
  66. @-webkit-keyframes bounce {
  67. 0%, 100% {
  68. -webkit-transform: scale(0);
  69. transform: scale(0); }
  70. 50% {
  71. -webkit-transform: scale(1);
  72. transform: scale(1); } }
  73. @keyframes bounce {
  74. 0%, 100% {
  75. -webkit-transform: scale(0);
  76. transform: scale(0); }
  77. 50% {
  78. -webkit-transform: scale(1);
  79. transform: scale(1); } }
  80. .size--mini .vxe-loading .vxe-loading--spinner {
  81. width: 38px;
  82. height: 38px; }
  83. .size--small .vxe-loading .vxe-loading--spinner {
  84. width: 44px;
  85. height: 44px; }
  86. .size--medium .vxe-loading .vxe-loading--spinner {
  87. width: 50px;
  88. height: 50px; }
  89. .vxe-select {
  90. position: relative;
  91. display: inline-block;
  92. width: 180px;
  93. color: #606266;
  94. text-align: left; }
  95. .vxe-select:not(.is--disabled) > .vxe-input .vxe-input--inner {
  96. cursor: pointer; }
  97. .vxe-select > .vxe-input {
  98. width: 100%; }
  99. .vxe-select > .vxe-input .vxe-input--suffix-icon {
  100. -webkit-transition: -webkit-transform 0.2s ease-in-out;
  101. transition: -webkit-transform 0.2s ease-in-out;
  102. transition: transform 0.2s ease-in-out;
  103. transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }
  104. .vxe-select.is--active > .vxe-input .vxe-input--inner {
  105. border: 1px solid #409eff; }
  106. .vxe-select-slots {
  107. display: none; }
  108. .vxe-select--panel {
  109. display: none;
  110. position: absolute;
  111. left: 0;
  112. padding: 4px 0;
  113. color: #606266;
  114. text-align: left;
  115. background-color: #fff; }
  116. .vxe-select--panel:not(.is--transfer) {
  117. min-width: 100%; }
  118. .vxe-select--panel.is--transfer {
  119. position: fixed; }
  120. .vxe-select--panel.animat--leave {
  121. display: block;
  122. opacity: 0;
  123. -webkit-transform: scaleY(0.5);
  124. transform: scaleY(0.5);
  125. -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  126. transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  127. transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  128. transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  129. -webkit-transform-origin: center top;
  130. transform-origin: center top;
  131. -webkit-backface-visibility: hidden;
  132. backface-visibility: hidden;
  133. -webkit-transform-style: preserve-3d;
  134. transform-style: preserve-3d; }
  135. .vxe-select--panel.animat--leave[placement="top"] {
  136. -webkit-transform-origin: center bottom;
  137. transform-origin: center bottom; }
  138. .vxe-select--panel.animat--enter {
  139. opacity: 1;
  140. -webkit-transform: scaleY(1);
  141. transform: scaleY(1); }
  142. .vxe-select-option--wrapper {
  143. overflow-x: hidden;
  144. overflow-y: auto;
  145. padding: 4px 0;
  146. max-height: 200px;
  147. border-radius: 4px;
  148. border: 1px solid #DADCE0;
  149. -webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
  150. box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1); }
  151. .vxe-optgroup .vxe-optgroup--title {
  152. padding: 0 6px;
  153. color: #909399;
  154. font-size: 12px; }
  155. .vxe-optgroup--wrapper .vxe-select-option {
  156. padding: 0 20px; }
  157. .vxe-select-option {
  158. padding: 0 10px;
  159. max-width: 400px;
  160. white-space: nowrap;
  161. overflow: hidden;
  162. text-overflow: ellipsis;
  163. white-space: nowrap; }
  164. .vxe-select-option.is--selected {
  165. font-weight: 700;
  166. color: #409eff; }
  167. .vxe-select-option:not(.is--disabled) {
  168. cursor: pointer; }
  169. .vxe-select-option:not(.is--disabled).is--hover {
  170. background-color: #f5f7fa; }
  171. .vxe-select-option.is--disabled {
  172. color: #BFBFBF;
  173. cursor: no-drop; }
  174. .vxe-select--empty-placeholder {
  175. padding: 0 10px;
  176. text-align: center; }
  177. .vxe-select,
  178. .vxe-select--panel {
  179. font-size: 14px; }
  180. .vxe-select.size--medium,
  181. .vxe-select--panel.size--medium {
  182. font-size: 14px; }
  183. .vxe-select.size--small,
  184. .vxe-select--panel.size--small {
  185. font-size: 13px; }
  186. .vxe-select.size--mini,
  187. .vxe-select--panel.size--mini {
  188. font-size: 12px; }
  189. .vxe-select--panel .vxe-optgroup--title,
  190. .vxe-select--panel .vxe-select-option {
  191. height: 30px; }
  192. .vxe-select--panel .vxe-optgroup--title,
  193. .vxe-select--panel .vxe-select-option,
  194. .vxe-select--panel .vxe-select--empty-placeholder {
  195. line-height: 30px; }
  196. .vxe-select--panel.size--medium .vxe-optgroup--title,
  197. .vxe-select--panel.size--medium .vxe-select-option {
  198. height: 28px; }
  199. .vxe-select--panel.size--medium .vxe-optgroup--title,
  200. .vxe-select--panel.size--medium .vxe-select-option,
  201. .vxe-select--panel.size--medium .vxe-select--empty-placeholder {
  202. line-height: 28px; }
  203. .vxe-select--panel.size--small .vxe-optgroup--title,
  204. .vxe-select--panel.size--small .vxe-select-option {
  205. height: 26px; }
  206. .vxe-select--panel.size--small .vxe-optgroup--title,
  207. .vxe-select--panel.size--small .vxe-select-option,
  208. .vxe-select--panel.size--small .vxe-select--empty-placeholder {
  209. line-height: 26px; }
  210. .vxe-select--panel.size--mini .vxe-optgroup--title,
  211. .vxe-select--panel.size--mini .vxe-select-option {
  212. height: 24px; }
  213. .vxe-select--panel.size--mini .vxe-optgroup--title,
  214. .vxe-select--panel.size--mini .vxe-select-option,
  215. .vxe-select--panel.size--mini .vxe-select--empty-placeholder {
  216. line-height: 24px; }