style.css 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329
  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. [class*="vxe-"], [class*="vxe-"]:after, [class*="vxe-"]:before,
  27. [class*="vxe-"] *:after, [class*="vxe-"] *:before {
  28. -webkit-box-sizing: border-box;
  29. box-sizing: border-box; }
  30. .vxe-radio .vxe-radio--label, .vxe-radio-button .vxe-radio--label {
  31. overflow: hidden;
  32. text-overflow: ellipsis;
  33. white-space: nowrap; }
  34. [class*="vxe-"] {
  35. font-variant: tabular-nums;
  36. -webkit-font-feature-settings: 'tnum';
  37. font-feature-settings: 'tnum'; }
  38. .vxe-primary-color {
  39. color: #409eff; }
  40. .vxe-success-color {
  41. color: #67c23a; }
  42. .vxe-info-color {
  43. color: #909399; }
  44. .vxe-warning-color {
  45. color: #e6a23c; }
  46. .vxe-danger-color {
  47. color: #f56c6c; }
  48. .vxe-perfect-color {
  49. color: #f8f8f9; }
  50. .vxe-row:after {
  51. content: '';
  52. display: block;
  53. clear: both;
  54. height: 0;
  55. overflow: hidden;
  56. visibility: hidden; }
  57. .vxe-row > .vxe-col--1 {
  58. float: left;
  59. width: 4.16667%; }
  60. .vxe-row > .vxe-col--2 {
  61. float: left;
  62. width: 8.33333%; }
  63. .vxe-row > .vxe-col--3 {
  64. float: left;
  65. width: 12.5%; }
  66. .vxe-row > .vxe-col--4 {
  67. float: left;
  68. width: 16.66667%; }
  69. .vxe-row > .vxe-col--5 {
  70. float: left;
  71. width: 20.83333%; }
  72. .vxe-row > .vxe-col--6 {
  73. float: left;
  74. width: 25%; }
  75. .vxe-row > .vxe-col--7 {
  76. float: left;
  77. width: 29.16667%; }
  78. .vxe-row > .vxe-col--8 {
  79. float: left;
  80. width: 33.33333%; }
  81. .vxe-row > .vxe-col--9 {
  82. float: left;
  83. width: 37.5%; }
  84. .vxe-row > .vxe-col--10 {
  85. float: left;
  86. width: 41.66667%; }
  87. .vxe-row > .vxe-col--11 {
  88. float: left;
  89. width: 45.83333%; }
  90. .vxe-row > .vxe-col--12 {
  91. float: left;
  92. width: 50%; }
  93. .vxe-row > .vxe-col--13 {
  94. float: left;
  95. width: 54.16667%; }
  96. .vxe-row > .vxe-col--14 {
  97. float: left;
  98. width: 58.33333%; }
  99. .vxe-row > .vxe-col--15 {
  100. float: left;
  101. width: 62.5%; }
  102. .vxe-row > .vxe-col--16 {
  103. float: left;
  104. width: 66.66667%; }
  105. .vxe-row > .vxe-col--17 {
  106. float: left;
  107. width: 70.83333%; }
  108. .vxe-row > .vxe-col--18 {
  109. float: left;
  110. width: 75%; }
  111. .vxe-row > .vxe-col--19 {
  112. float: left;
  113. width: 79.16667%; }
  114. .vxe-row > .vxe-col--20 {
  115. float: left;
  116. width: 83.33333%; }
  117. .vxe-row > .vxe-col--21 {
  118. float: left;
  119. width: 87.5%; }
  120. .vxe-row > .vxe-col--22 {
  121. float: left;
  122. width: 91.66667%; }
  123. .vxe-row > .vxe-col--23 {
  124. float: left;
  125. width: 95.83333%; }
  126. .vxe-row > .vxe-col--24 {
  127. float: left;
  128. width: 100%; }
  129. /*animat*/
  130. .is--animat .vxe-sort--asc-btn:before, .is--animat .vxe-sort--asc-btn:after,
  131. .is--animat .vxe-sort--desc-btn:before,
  132. .is--animat .vxe-sort--desc-btn:after,
  133. .is--animat .vxe-filter--btn:before,
  134. .is--animat .vxe-filter--btn:after {
  135. -webkit-transition: border 0.1s ease-in-out;
  136. transition: border 0.1s ease-in-out; }
  137. .is--animat .vxe-input--wrapper .vxe-input {
  138. -webkit-transition: border 0.1s ease-in-out;
  139. transition: border 0.1s ease-in-out; }
  140. .is--animat .vxe-table--expand-btn,
  141. .is--animat .vxe-tree--node-btn {
  142. -webkit-transition: -webkit-transform 0.1s ease-in-out;
  143. transition: -webkit-transform 0.1s ease-in-out;
  144. transition: transform 0.1s ease-in-out;
  145. transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; }
  146. .is--animat .vxe-checkbox > input:checked + span,
  147. .is--animat .vxe-radio > input:checked + span {
  148. -webkit-transition: background-color 0.1s ease-in-out;
  149. transition: background-color 0.1s ease-in-out; }
  150. /*radio-group*/
  151. .vxe-radio-group {
  152. display: inline-block;
  153. vertical-align: middle;
  154. line-height: 1;
  155. font-size: 0; }
  156. .vxe-radio-group + .vxe-radio-group {
  157. margin-left: 10px; }
  158. /*radio*/
  159. .vxe-radio {
  160. display: inline-block;
  161. vertical-align: middle;
  162. white-space: nowrap;
  163. -webkit-user-select: none;
  164. -moz-user-select: none;
  165. -ms-user-select: none;
  166. user-select: none;
  167. line-height: 1;
  168. cursor: pointer; }
  169. .vxe-radio > input[type="radio"] {
  170. position: absolute;
  171. width: 0;
  172. height: 0;
  173. border: 0;
  174. -webkit-appearance: none;
  175. -moz-appearance: none;
  176. appearance: none; }
  177. .vxe-radio > input + .vxe-radio--icon {
  178. position: relative;
  179. display: inline-block;
  180. width: 1em;
  181. height: 1em;
  182. border: 2px solid #dcdfe6;
  183. background-color: #fff;
  184. vertical-align: middle;
  185. border-radius: 50%; }
  186. .vxe-radio > input:checked + .vxe-radio--icon {
  187. background-color: #409eff;
  188. border-color: #409eff; }
  189. .vxe-radio > input:checked + .vxe-radio--icon:before {
  190. content: "";
  191. position: absolute;
  192. background-color: #fff;
  193. border-radius: 50%;
  194. height: 0.25em;
  195. width: 0.25em;
  196. top: 50%;
  197. left: 50%;
  198. -webkit-transform: translate(-50%, -50%);
  199. transform: translate(-50%, -50%); }
  200. .vxe-radio > input:checked + .vxe-radio--icon + .vxe-radio--label {
  201. color: #409eff; }
  202. .vxe-radio:not(.is--disabled) > input:focus + .vxe-radio--icon {
  203. border-color: #409eff;
  204. -webkit-box-shadow: 0 0 0.2em 0 #409eff;
  205. box-shadow: 0 0 0.2em 0 #409eff; }
  206. .vxe-radio:not(.is--disabled):hover > input + .vxe-radio--icon {
  207. border-color: #409eff; }
  208. .vxe-radio.is--disabled {
  209. cursor: not-allowed; }
  210. .vxe-radio.is--disabled > input + .vxe-radio--icon {
  211. border-color: #dcdfe6;
  212. background-color: #f3f3f3; }
  213. .vxe-radio.is--disabled > input + .vxe-radio--icon:before {
  214. border-color: #c0c4cc;
  215. background-color: #c0c4cc; }
  216. .vxe-radio.is--disabled > input + .vxe-radio--icon + .vxe-radio--label {
  217. color: #BFBFBF; }
  218. .vxe-radio .vxe-radio--label {
  219. padding-left: 0.5em;
  220. vertical-align: middle;
  221. display: inline-block;
  222. max-width: 50em; }
  223. .vxe-radio:not(.vxe-radio-button) + .vxe-radio {
  224. margin-left: 10px; }
  225. .vxe-radio-button .vxe-radio--label {
  226. background-color: #fff; }
  227. .vxe-radio-button:first-child .vxe-radio--label {
  228. border-left: 1px solid #dcdfe6;
  229. border-radius: 4px 0 0 4px; }
  230. .vxe-radio-button:last-child .vxe-radio--label {
  231. border-radius: 0 4px 4px 0; }
  232. .vxe-radio-button > input:checked + .vxe-radio--label {
  233. color: #fff;
  234. background-color: #409eff;
  235. border-color: #409eff; }
  236. .vxe-radio-button .vxe-radio--label {
  237. padding: 0 1em;
  238. line-height: 32px;
  239. display: inline-block;
  240. border-style: solid;
  241. border-color: #dcdfe6;
  242. border-width: 1px 1px 1px 0;
  243. max-width: 50em; }
  244. .vxe-radio-button.is--disabled {
  245. cursor: not-allowed; }
  246. .vxe-radio-button.is--disabled > input:not(:checked) + .vxe-radio--label {
  247. color: #dcdfe6; }
  248. .vxe-radio-button.is--disabled > input:checked + .vxe-radio--label {
  249. border-color: #a6d2ff;
  250. background-color: #a6d2ff; }
  251. .vxe-radio-button:not(.is--disabled) > input:focus + .vxe-radio--label {
  252. border-color: #409eff;
  253. -webkit-box-shadow: 0 0 0.2em 0 #409eff;
  254. box-shadow: 0 0 0.2em 0 #409eff; }
  255. .vxe-radio-button:not(.is--disabled):hover > input:not(:checked) + .vxe-radio--label {
  256. color: #409eff; }
  257. .vxe-radio-button.size--medium .vxe-radio--label {
  258. line-height: 30px; }
  259. .vxe-radio-button.size--small .vxe-radio--label {
  260. line-height: 28px; }
  261. .vxe-radio-button.size--mini .vxe-radio--label {
  262. line-height: 26px; }
  263. .vxe-radio {
  264. font-size: 14px; }
  265. .vxe-radio .vxe-radio--icon {
  266. font-size: 16px; }
  267. .vxe-radio.size--medium {
  268. font-size: 14px; }
  269. .vxe-radio.size--medium .vxe-radio--icon {
  270. font-size: 15px; }
  271. .vxe-radio.size--small {
  272. font-size: 13px; }
  273. .vxe-radio.size--small .vxe-radio--icon {
  274. font-size: 14px; }
  275. .vxe-radio.size--mini {
  276. font-size: 12px; }
  277. .vxe-radio.size--mini .vxe-radio--icon {
  278. font-size: 14px; }