table-column.css 29 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216
  1. @charset "UTF-8";
  2. /* BEM support Func
  3. -------------------------- */
  4. /* Element Chalk Variables */
  5. /* Transition
  6. -------------------------- */
  7. /* Colors
  8. -------------------------- */
  9. /* 53a8ff */
  10. /* 66b1ff */
  11. /* 79bbff */
  12. /* 8cc5ff */
  13. /* a0cfff */
  14. /* b3d8ff */
  15. /* c6e2ff */
  16. /* d9ecff */
  17. /* ecf5ff */
  18. /* Link
  19. -------------------------- */
  20. /* Background
  21. -------------------------- */
  22. /* Border
  23. -------------------------- */
  24. /* Box-shadow
  25. -------------------------- */
  26. /* Fill
  27. -------------------------- */
  28. /* Font
  29. -------------------------- */
  30. /* Size
  31. -------------------------- */
  32. /* z-index
  33. -------------------------- */
  34. /* Disable base
  35. -------------------------- */
  36. /* Icon
  37. -------------------------- */
  38. /* Checkbox
  39. -------------------------- */
  40. /* Radio
  41. -------------------------- */
  42. /* Select
  43. -------------------------- */
  44. /* Alert
  45. -------------------------- */
  46. /* Message Box
  47. -------------------------- */
  48. /* Message
  49. -------------------------- */
  50. /* Notification
  51. -------------------------- */
  52. /* Input
  53. -------------------------- */
  54. /* Cascader
  55. -------------------------- */
  56. /* Group
  57. -------------------------- */
  58. /* Tab
  59. -------------------------- */
  60. /* Button
  61. -------------------------- */
  62. /* cascader
  63. -------------------------- */
  64. /* Switch
  65. -------------------------- */
  66. /* Dialog
  67. -------------------------- */
  68. /* Table
  69. -------------------------- */
  70. /* Pagination
  71. -------------------------- */
  72. /* Popover
  73. -------------------------- */
  74. /* Tooltip
  75. -------------------------- */
  76. /* Tag
  77. -------------------------- */
  78. /* Tree
  79. -------------------------- */
  80. /* Dropdown
  81. -------------------------- */
  82. /* Badge
  83. -------------------------- */
  84. /* Card
  85. --------------------------*/
  86. /* Slider
  87. --------------------------*/
  88. /* Steps
  89. --------------------------*/
  90. /* MenuSlide
  91. --------------------------*/
  92. /* Rate
  93. --------------------------*/
  94. /* DatePicker
  95. --------------------------*/
  96. /* Loading
  97. --------------------------*/
  98. /* Scrollbar
  99. --------------------------*/
  100. /* Carousel
  101. --------------------------*/
  102. /* Collapse
  103. --------------------------*/
  104. /* Transfer
  105. --------------------------*/
  106. /* Header
  107. --------------------------*/
  108. /* Footer
  109. --------------------------*/
  110. /* Main
  111. --------------------------*/
  112. /* Break-point
  113. --------------------------*/
  114. /* Break-points
  115. -------------------------- */
  116. /* Scrollbar
  117. -------------------------- */
  118. /* Placeholder
  119. -------------------------- */
  120. /* BEM
  121. -------------------------- */
  122. /* Element Chalk Variables */
  123. /* Transition
  124. -------------------------- */
  125. /* Colors
  126. -------------------------- */
  127. /* 53a8ff */
  128. /* 66b1ff */
  129. /* 79bbff */
  130. /* 8cc5ff */
  131. /* a0cfff */
  132. /* b3d8ff */
  133. /* c6e2ff */
  134. /* d9ecff */
  135. /* ecf5ff */
  136. /* Link
  137. -------------------------- */
  138. /* Background
  139. -------------------------- */
  140. /* Border
  141. -------------------------- */
  142. /* Box-shadow
  143. -------------------------- */
  144. /* Fill
  145. -------------------------- */
  146. /* Font
  147. -------------------------- */
  148. /* Size
  149. -------------------------- */
  150. /* z-index
  151. -------------------------- */
  152. /* Disable base
  153. -------------------------- */
  154. /* Icon
  155. -------------------------- */
  156. /* Checkbox
  157. -------------------------- */
  158. /* Radio
  159. -------------------------- */
  160. /* Select
  161. -------------------------- */
  162. /* Alert
  163. -------------------------- */
  164. /* Message Box
  165. -------------------------- */
  166. /* Message
  167. -------------------------- */
  168. /* Notification
  169. -------------------------- */
  170. /* Input
  171. -------------------------- */
  172. /* Cascader
  173. -------------------------- */
  174. /* Group
  175. -------------------------- */
  176. /* Tab
  177. -------------------------- */
  178. /* Button
  179. -------------------------- */
  180. /* cascader
  181. -------------------------- */
  182. /* Switch
  183. -------------------------- */
  184. /* Dialog
  185. -------------------------- */
  186. /* Table
  187. -------------------------- */
  188. /* Pagination
  189. -------------------------- */
  190. /* Popover
  191. -------------------------- */
  192. /* Tooltip
  193. -------------------------- */
  194. /* Tag
  195. -------------------------- */
  196. /* Tree
  197. -------------------------- */
  198. /* Dropdown
  199. -------------------------- */
  200. /* Badge
  201. -------------------------- */
  202. /* Card
  203. --------------------------*/
  204. /* Slider
  205. --------------------------*/
  206. /* Steps
  207. --------------------------*/
  208. /* MenuSlide
  209. --------------------------*/
  210. /* Rate
  211. --------------------------*/
  212. /* DatePicker
  213. --------------------------*/
  214. /* Loading
  215. --------------------------*/
  216. /* Scrollbar
  217. --------------------------*/
  218. /* Carousel
  219. --------------------------*/
  220. /* Collapse
  221. --------------------------*/
  222. /* Transfer
  223. --------------------------*/
  224. /* Header
  225. --------------------------*/
  226. /* Footer
  227. --------------------------*/
  228. /* Main
  229. --------------------------*/
  230. /* Break-point
  231. --------------------------*/
  232. /* BEM support Func
  233. -------------------------- */
  234. /* Element Chalk Variables */
  235. /* Transition
  236. -------------------------- */
  237. /* Colors
  238. -------------------------- */
  239. /* 53a8ff */
  240. /* 66b1ff */
  241. /* 79bbff */
  242. /* 8cc5ff */
  243. /* a0cfff */
  244. /* b3d8ff */
  245. /* c6e2ff */
  246. /* d9ecff */
  247. /* ecf5ff */
  248. /* Link
  249. -------------------------- */
  250. /* Background
  251. -------------------------- */
  252. /* Border
  253. -------------------------- */
  254. /* Box-shadow
  255. -------------------------- */
  256. /* Fill
  257. -------------------------- */
  258. /* Font
  259. -------------------------- */
  260. /* Size
  261. -------------------------- */
  262. /* z-index
  263. -------------------------- */
  264. /* Disable base
  265. -------------------------- */
  266. /* Icon
  267. -------------------------- */
  268. /* Checkbox
  269. -------------------------- */
  270. /* Radio
  271. -------------------------- */
  272. /* Select
  273. -------------------------- */
  274. /* Alert
  275. -------------------------- */
  276. /* Message Box
  277. -------------------------- */
  278. /* Message
  279. -------------------------- */
  280. /* Notification
  281. -------------------------- */
  282. /* Input
  283. -------------------------- */
  284. /* Cascader
  285. -------------------------- */
  286. /* Group
  287. -------------------------- */
  288. /* Tab
  289. -------------------------- */
  290. /* Button
  291. -------------------------- */
  292. /* cascader
  293. -------------------------- */
  294. /* Switch
  295. -------------------------- */
  296. /* Dialog
  297. -------------------------- */
  298. /* Table
  299. -------------------------- */
  300. /* Pagination
  301. -------------------------- */
  302. /* Popover
  303. -------------------------- */
  304. /* Tooltip
  305. -------------------------- */
  306. /* Tag
  307. -------------------------- */
  308. /* Tree
  309. -------------------------- */
  310. /* Dropdown
  311. -------------------------- */
  312. /* Badge
  313. -------------------------- */
  314. /* Card
  315. --------------------------*/
  316. /* Slider
  317. --------------------------*/
  318. /* Steps
  319. --------------------------*/
  320. /* MenuSlide
  321. --------------------------*/
  322. /* Rate
  323. --------------------------*/
  324. /* DatePicker
  325. --------------------------*/
  326. /* Loading
  327. --------------------------*/
  328. /* Scrollbar
  329. --------------------------*/
  330. /* Carousel
  331. --------------------------*/
  332. /* Collapse
  333. --------------------------*/
  334. /* Transfer
  335. --------------------------*/
  336. /* Header
  337. --------------------------*/
  338. /* Footer
  339. --------------------------*/
  340. /* Main
  341. --------------------------*/
  342. /* Break-point
  343. --------------------------*/
  344. /* Break-points
  345. -------------------------- */
  346. /* Scrollbar
  347. -------------------------- */
  348. /* Placeholder
  349. -------------------------- */
  350. /* BEM
  351. -------------------------- */
  352. /* Element Chalk Variables */
  353. /* Transition
  354. -------------------------- */
  355. /* Colors
  356. -------------------------- */
  357. /* 53a8ff */
  358. /* 66b1ff */
  359. /* 79bbff */
  360. /* 8cc5ff */
  361. /* a0cfff */
  362. /* b3d8ff */
  363. /* c6e2ff */
  364. /* d9ecff */
  365. /* ecf5ff */
  366. /* Link
  367. -------------------------- */
  368. /* Background
  369. -------------------------- */
  370. /* Border
  371. -------------------------- */
  372. /* Box-shadow
  373. -------------------------- */
  374. /* Fill
  375. -------------------------- */
  376. /* Font
  377. -------------------------- */
  378. /* Size
  379. -------------------------- */
  380. /* z-index
  381. -------------------------- */
  382. /* Disable base
  383. -------------------------- */
  384. /* Icon
  385. -------------------------- */
  386. /* Checkbox
  387. -------------------------- */
  388. /* Radio
  389. -------------------------- */
  390. /* Select
  391. -------------------------- */
  392. /* Alert
  393. -------------------------- */
  394. /* Message Box
  395. -------------------------- */
  396. /* Message
  397. -------------------------- */
  398. /* Notification
  399. -------------------------- */
  400. /* Input
  401. -------------------------- */
  402. /* Cascader
  403. -------------------------- */
  404. /* Group
  405. -------------------------- */
  406. /* Tab
  407. -------------------------- */
  408. /* Button
  409. -------------------------- */
  410. /* cascader
  411. -------------------------- */
  412. /* Switch
  413. -------------------------- */
  414. /* Dialog
  415. -------------------------- */
  416. /* Table
  417. -------------------------- */
  418. /* Pagination
  419. -------------------------- */
  420. /* Popover
  421. -------------------------- */
  422. /* Tooltip
  423. -------------------------- */
  424. /* Tag
  425. -------------------------- */
  426. /* Tree
  427. -------------------------- */
  428. /* Dropdown
  429. -------------------------- */
  430. /* Badge
  431. -------------------------- */
  432. /* Card
  433. --------------------------*/
  434. /* Slider
  435. --------------------------*/
  436. /* Steps
  437. --------------------------*/
  438. /* MenuSlide
  439. --------------------------*/
  440. /* Rate
  441. --------------------------*/
  442. /* DatePicker
  443. --------------------------*/
  444. /* Loading
  445. --------------------------*/
  446. /* Scrollbar
  447. --------------------------*/
  448. /* Carousel
  449. --------------------------*/
  450. /* Collapse
  451. --------------------------*/
  452. /* Transfer
  453. --------------------------*/
  454. /* Header
  455. --------------------------*/
  456. /* Footer
  457. --------------------------*/
  458. /* Main
  459. --------------------------*/
  460. /* Break-point
  461. --------------------------*/
  462. .el-checkbox {
  463. color: #5a5e66;
  464. font-weight: 500;
  465. font-size: 14px;
  466. position: relative;
  467. cursor: pointer;
  468. display: inline-block;
  469. white-space: nowrap;
  470. -webkit-user-select: none;
  471. -moz-user-select: none;
  472. -ms-user-select: none;
  473. user-select: none; }
  474. .el-checkbox.is-bordered {
  475. padding: 9px 20px 9px 10px;
  476. border-radius: 4px;
  477. border: 1px solid #d8dce5;
  478. -webkit-box-sizing: border-box;
  479. box-sizing: border-box;
  480. line-height: normal;
  481. height: 40px; }
  482. .el-checkbox.is-bordered.is-checked {
  483. border-color: #1b1e24; }
  484. .el-checkbox.is-bordered.is-disabled {
  485. border-color: #e6ebf5;
  486. cursor: not-allowed; }
  487. .el-checkbox.is-bordered + .el-checkbox.is-bordered {
  488. margin-left: 10px; }
  489. .el-checkbox.is-bordered.el-checkbox--medium {
  490. padding: 7px 20px 7px 10px;
  491. border-radius: 4px;
  492. height: 36px; }
  493. .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  494. line-height: 17px;
  495. font-size: 14px; }
  496. .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  497. height: 14px;
  498. width: 14px; }
  499. .el-checkbox.is-bordered.el-checkbox--small {
  500. padding: 5px 15px 5px 10px;
  501. border-radius: 3px;
  502. height: 32px; }
  503. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  504. line-height: 15px;
  505. font-size: 12px; }
  506. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  507. height: 12px;
  508. width: 12px; }
  509. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  510. height: 6px;
  511. width: 2px; }
  512. .el-checkbox.is-bordered.el-checkbox--mini {
  513. padding: 3px 15px 3px 10px;
  514. border-radius: 3px;
  515. height: 28px; }
  516. .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  517. line-height: 12px;
  518. font-size: 12px; }
  519. .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  520. height: 12px;
  521. width: 12px; }
  522. .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
  523. height: 6px;
  524. width: 2px; }
  525. .el-checkbox__input {
  526. white-space: nowrap;
  527. cursor: pointer;
  528. outline: none;
  529. display: inline-block;
  530. line-height: 1;
  531. position: relative;
  532. vertical-align: middle; }
  533. .el-checkbox__input.is-disabled .el-checkbox__inner {
  534. background-color: #edf2fc;
  535. border-color: #d8dce5;
  536. cursor: not-allowed; }
  537. .el-checkbox__input.is-disabled .el-checkbox__inner::after {
  538. cursor: not-allowed;
  539. border-color: #b4bccc; }
  540. .el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  541. cursor: not-allowed; }
  542. .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  543. background-color: #edf2fc;
  544. border-color: #d8dce5; }
  545. .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  546. border-color: #b4bccc; }
  547. .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  548. background-color: #edf2fc;
  549. border-color: #d8dce5; }
  550. .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  551. background-color: #b4bccc;
  552. border-color: #b4bccc; }
  553. .el-checkbox__input.is-disabled + span.el-checkbox__label {
  554. color: #b4bccc;
  555. cursor: not-allowed; }
  556. .el-checkbox__input.is-checked .el-checkbox__inner {
  557. background-color: #1b1e24;
  558. border-color: #1b1e24; }
  559. .el-checkbox__input.is-checked .el-checkbox__inner::after {
  560. -webkit-transform: rotate(45deg) scaleY(1);
  561. transform: rotate(45deg) scaleY(1); }
  562. .el-checkbox__input.is-checked + .el-checkbox__label {
  563. color: #1b1e24; }
  564. .el-checkbox__input.is-focus {
  565. /*focus时 视觉上区分*/ }
  566. .el-checkbox__input.is-focus .el-checkbox__inner {
  567. border-color: #1b1e24; }
  568. .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  569. background-color: #1b1e24;
  570. border-color: #1b1e24; }
  571. .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  572. content: '';
  573. position: absolute;
  574. display: block;
  575. background-color: #fff;
  576. height: 2px;
  577. -webkit-transform: scale(0.5);
  578. transform: scale(0.5);
  579. left: 0;
  580. right: 0;
  581. top: 5px; }
  582. .el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  583. display: none; }
  584. .el-checkbox__inner {
  585. display: inline-block;
  586. position: relative;
  587. border: 1px solid #d8dce5;
  588. border-radius: 2px;
  589. -webkit-box-sizing: border-box;
  590. box-sizing: border-box;
  591. width: 14px;
  592. height: 14px;
  593. background-color: #fff;
  594. z-index: 1;
  595. -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
  596. transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); }
  597. .el-checkbox__inner:hover {
  598. border-color: #1b1e24; }
  599. .el-checkbox__inner::after {
  600. -webkit-box-sizing: content-box;
  601. box-sizing: content-box;
  602. content: "";
  603. border: 1px solid #fff;
  604. border-left: 0;
  605. border-top: 0;
  606. height: 7px;
  607. left: 4px;
  608. position: absolute;
  609. top: 1px;
  610. -webkit-transform: rotate(45deg) scaleY(0);
  611. transform: rotate(45deg) scaleY(0);
  612. width: 3px;
  613. -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0.05s;
  614. transition: -webkit-transform 0.15s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0.05s;
  615. transition: transform 0.15s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0.05s;
  616. transition: transform 0.15s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0.05s, -webkit-transform 0.15s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0.05s;
  617. -webkit-transform-origin: center;
  618. transform-origin: center; }
  619. .el-checkbox__original {
  620. opacity: 0;
  621. outline: none;
  622. position: absolute;
  623. margin: 0;
  624. width: 0;
  625. height: 0;
  626. left: -999px; }
  627. .el-checkbox__label {
  628. display: inline-block;
  629. padding-left: 10px;
  630. line-height: 19px;
  631. font-size: 14px; }
  632. .el-checkbox + .el-checkbox {
  633. margin-left: 30px; }
  634. .el-checkbox-button {
  635. position: relative;
  636. display: inline-block; }
  637. .el-checkbox-button__inner {
  638. display: inline-block;
  639. line-height: 1;
  640. font-weight: 500;
  641. white-space: nowrap;
  642. vertical-align: middle;
  643. cursor: pointer;
  644. background: #fff;
  645. border: 1px solid #d8dce5;
  646. border-left: 0;
  647. color: #5a5e66;
  648. -webkit-appearance: none;
  649. text-align: center;
  650. -webkit-box-sizing: border-box;
  651. box-sizing: border-box;
  652. outline: none;
  653. margin: 0;
  654. position: relative;
  655. -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  656. transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  657. -moz-user-select: none;
  658. -webkit-user-select: none;
  659. -ms-user-select: none;
  660. padding: 12px 20px;
  661. font-size: 14px;
  662. border-radius: 0; }
  663. .el-checkbox-button__inner.is-round {
  664. padding: 12px 20px; }
  665. .el-checkbox-button__inner:hover {
  666. color: #1b1e24; }
  667. .el-checkbox-button__inner [class*="el-icon-"] {
  668. line-height: 0.9; }
  669. .el-checkbox-button__inner [class*="el-icon-"] + span {
  670. margin-left: 5px; }
  671. .el-checkbox-button__original {
  672. opacity: 0;
  673. outline: none;
  674. position: absolute;
  675. margin: 0;
  676. left: -999px; }
  677. .el-checkbox-button.is-checked .el-checkbox-button__inner {
  678. color: #fff;
  679. background-color: #1b1e24;
  680. border-color: #1b1e24;
  681. -webkit-box-shadow: -1px 0 0 0 #76787c;
  682. box-shadow: -1px 0 0 0 #76787c; }
  683. .el-checkbox-button.is-disabled .el-checkbox-button__inner {
  684. color: #b4bccc;
  685. cursor: not-allowed;
  686. background-image: none;
  687. background-color: #fff;
  688. border-color: #e6ebf5;
  689. -webkit-box-shadow: none;
  690. box-shadow: none; }
  691. .el-checkbox-button:first-child .el-checkbox-button__inner {
  692. border-left: 1px solid #d8dce5;
  693. border-radius: 4px 0 0 4px;
  694. -webkit-box-shadow: none !important;
  695. box-shadow: none !important; }
  696. .el-checkbox-button.is-focus .el-checkbox-button__inner {
  697. border-color: #1b1e24; }
  698. .el-checkbox-button:last-child .el-checkbox-button__inner {
  699. border-radius: 0 4px 4px 0; }
  700. .el-checkbox-button--medium .el-checkbox-button__inner {
  701. padding: 10px 20px;
  702. font-size: 14px;
  703. border-radius: 0; }
  704. .el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  705. padding: 10px 20px; }
  706. .el-checkbox-button--small .el-checkbox-button__inner {
  707. padding: 9px 15px;
  708. font-size: 12px;
  709. border-radius: 0; }
  710. .el-checkbox-button--small .el-checkbox-button__inner.is-round {
  711. padding: 9px 15px; }
  712. .el-checkbox-button--mini .el-checkbox-button__inner {
  713. padding: 7px 15px;
  714. font-size: 12px;
  715. border-radius: 0; }
  716. .el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  717. padding: 7px 15px; }
  718. .el-checkbox-group {
  719. font-size: 0; }
  720. /* BEM support Func
  721. -------------------------- */
  722. /* Element Chalk Variables */
  723. /* Transition
  724. -------------------------- */
  725. /* Colors
  726. -------------------------- */
  727. /* 53a8ff */
  728. /* 66b1ff */
  729. /* 79bbff */
  730. /* 8cc5ff */
  731. /* a0cfff */
  732. /* b3d8ff */
  733. /* c6e2ff */
  734. /* d9ecff */
  735. /* ecf5ff */
  736. /* Link
  737. -------------------------- */
  738. /* Background
  739. -------------------------- */
  740. /* Border
  741. -------------------------- */
  742. /* Box-shadow
  743. -------------------------- */
  744. /* Fill
  745. -------------------------- */
  746. /* Font
  747. -------------------------- */
  748. /* Size
  749. -------------------------- */
  750. /* z-index
  751. -------------------------- */
  752. /* Disable base
  753. -------------------------- */
  754. /* Icon
  755. -------------------------- */
  756. /* Checkbox
  757. -------------------------- */
  758. /* Radio
  759. -------------------------- */
  760. /* Select
  761. -------------------------- */
  762. /* Alert
  763. -------------------------- */
  764. /* Message Box
  765. -------------------------- */
  766. /* Message
  767. -------------------------- */
  768. /* Notification
  769. -------------------------- */
  770. /* Input
  771. -------------------------- */
  772. /* Cascader
  773. -------------------------- */
  774. /* Group
  775. -------------------------- */
  776. /* Tab
  777. -------------------------- */
  778. /* Button
  779. -------------------------- */
  780. /* cascader
  781. -------------------------- */
  782. /* Switch
  783. -------------------------- */
  784. /* Dialog
  785. -------------------------- */
  786. /* Table
  787. -------------------------- */
  788. /* Pagination
  789. -------------------------- */
  790. /* Popover
  791. -------------------------- */
  792. /* Tooltip
  793. -------------------------- */
  794. /* Tag
  795. -------------------------- */
  796. /* Tree
  797. -------------------------- */
  798. /* Dropdown
  799. -------------------------- */
  800. /* Badge
  801. -------------------------- */
  802. /* Card
  803. --------------------------*/
  804. /* Slider
  805. --------------------------*/
  806. /* Steps
  807. --------------------------*/
  808. /* MenuSlide
  809. --------------------------*/
  810. /* Rate
  811. --------------------------*/
  812. /* DatePicker
  813. --------------------------*/
  814. /* Loading
  815. --------------------------*/
  816. /* Scrollbar
  817. --------------------------*/
  818. /* Carousel
  819. --------------------------*/
  820. /* Collapse
  821. --------------------------*/
  822. /* Transfer
  823. --------------------------*/
  824. /* Header
  825. --------------------------*/
  826. /* Footer
  827. --------------------------*/
  828. /* Main
  829. --------------------------*/
  830. /* Break-point
  831. --------------------------*/
  832. /* Break-points
  833. -------------------------- */
  834. /* Scrollbar
  835. -------------------------- */
  836. /* Placeholder
  837. -------------------------- */
  838. /* BEM
  839. -------------------------- */
  840. /* Element Chalk Variables */
  841. /* Transition
  842. -------------------------- */
  843. /* Colors
  844. -------------------------- */
  845. /* 53a8ff */
  846. /* 66b1ff */
  847. /* 79bbff */
  848. /* 8cc5ff */
  849. /* a0cfff */
  850. /* b3d8ff */
  851. /* c6e2ff */
  852. /* d9ecff */
  853. /* ecf5ff */
  854. /* Link
  855. -------------------------- */
  856. /* Background
  857. -------------------------- */
  858. /* Border
  859. -------------------------- */
  860. /* Box-shadow
  861. -------------------------- */
  862. /* Fill
  863. -------------------------- */
  864. /* Font
  865. -------------------------- */
  866. /* Size
  867. -------------------------- */
  868. /* z-index
  869. -------------------------- */
  870. /* Disable base
  871. -------------------------- */
  872. /* Icon
  873. -------------------------- */
  874. /* Checkbox
  875. -------------------------- */
  876. /* Radio
  877. -------------------------- */
  878. /* Select
  879. -------------------------- */
  880. /* Alert
  881. -------------------------- */
  882. /* Message Box
  883. -------------------------- */
  884. /* Message
  885. -------------------------- */
  886. /* Notification
  887. -------------------------- */
  888. /* Input
  889. -------------------------- */
  890. /* Cascader
  891. -------------------------- */
  892. /* Group
  893. -------------------------- */
  894. /* Tab
  895. -------------------------- */
  896. /* Button
  897. -------------------------- */
  898. /* cascader
  899. -------------------------- */
  900. /* Switch
  901. -------------------------- */
  902. /* Dialog
  903. -------------------------- */
  904. /* Table
  905. -------------------------- */
  906. /* Pagination
  907. -------------------------- */
  908. /* Popover
  909. -------------------------- */
  910. /* Tooltip
  911. -------------------------- */
  912. /* Tag
  913. -------------------------- */
  914. /* Tree
  915. -------------------------- */
  916. /* Dropdown
  917. -------------------------- */
  918. /* Badge
  919. -------------------------- */
  920. /* Card
  921. --------------------------*/
  922. /* Slider
  923. --------------------------*/
  924. /* Steps
  925. --------------------------*/
  926. /* MenuSlide
  927. --------------------------*/
  928. /* Rate
  929. --------------------------*/
  930. /* DatePicker
  931. --------------------------*/
  932. /* Loading
  933. --------------------------*/
  934. /* Scrollbar
  935. --------------------------*/
  936. /* Carousel
  937. --------------------------*/
  938. /* Collapse
  939. --------------------------*/
  940. /* Transfer
  941. --------------------------*/
  942. /* Header
  943. --------------------------*/
  944. /* Footer
  945. --------------------------*/
  946. /* Main
  947. --------------------------*/
  948. /* Break-point
  949. --------------------------*/
  950. .el-tag {
  951. background-color: rgba(27, 30, 36, 0.1);
  952. display: inline-block;
  953. padding: 0 10px;
  954. height: 32px;
  955. line-height: 30px;
  956. font-size: 12px;
  957. color: #1b1e24;
  958. border-radius: 4px;
  959. -webkit-box-sizing: border-box;
  960. box-sizing: border-box;
  961. border: 1px solid rgba(27, 30, 36, 0.2);
  962. white-space: nowrap; }
  963. .el-tag .el-icon-close {
  964. border-radius: 50%;
  965. text-align: center;
  966. position: relative;
  967. cursor: pointer;
  968. font-size: 12px;
  969. height: 18px;
  970. width: 18px;
  971. line-height: 18px;
  972. vertical-align: middle;
  973. top: -1px;
  974. right: -5px;
  975. color: #1b1e24; }
  976. .el-tag .el-icon-close::before {
  977. display: block; }
  978. .el-tag .el-icon-close:hover {
  979. background-color: #1b1e24;
  980. color: #fff; }
  981. .el-tag--info {
  982. background-color: rgba(119, 119, 119, 0.1);
  983. border-color: rgba(119, 119, 119, 0.2);
  984. color: #777; }
  985. .el-tag--info.is-hit {
  986. border-color: #777; }
  987. .el-tag--info .el-tag__close {
  988. color: #777; }
  989. .el-tag--info .el-tag__close:hover {
  990. background-color: #777;
  991. color: #fff; }
  992. .el-tag--success {
  993. background-color: rgba(28, 175, 154, 0.1);
  994. border-color: rgba(28, 175, 154, 0.2);
  995. color: #1caf9a; }
  996. .el-tag--success.is-hit {
  997. border-color: #1caf9a; }
  998. .el-tag--success .el-tag__close {
  999. color: #1caf9a; }
  1000. .el-tag--success .el-tag__close:hover {
  1001. background-color: #1caf9a;
  1002. color: #fff; }
  1003. .el-tag--warning {
  1004. background-color: rgba(250, 130, 115, 0.1);
  1005. border-color: rgba(250, 130, 115, 0.2);
  1006. color: #FA8273; }
  1007. .el-tag--warning.is-hit {
  1008. border-color: #FA8273; }
  1009. .el-tag--warning .el-tag__close {
  1010. color: #FA8273; }
  1011. .el-tag--warning .el-tag__close:hover {
  1012. background-color: #FA8273;
  1013. color: #fff; }
  1014. .el-tag--danger {
  1015. background-color: rgba(224, 75, 74, 0.1);
  1016. border-color: rgba(224, 75, 74, 0.2);
  1017. color: #E04B4A; }
  1018. .el-tag--danger.is-hit {
  1019. border-color: #E04B4A; }
  1020. .el-tag--danger .el-tag__close {
  1021. color: #E04B4A; }
  1022. .el-tag--danger .el-tag__close:hover {
  1023. background-color: #E04B4A;
  1024. color: #fff; }
  1025. .el-tag--medium {
  1026. height: 28px;
  1027. line-height: 26px; }
  1028. .el-tag--medium .el-icon-close {
  1029. -webkit-transform: scale(0.8);
  1030. transform: scale(0.8); }
  1031. .el-tag--small {
  1032. height: 24px;
  1033. padding: 0 8px;
  1034. line-height: 22px; }
  1035. .el-tag--small .el-icon-close {
  1036. -webkit-transform: scale(0.8);
  1037. transform: scale(0.8); }
  1038. .el-tag--mini {
  1039. height: 20px;
  1040. padding: 0 5px;
  1041. line-height: 19px; }
  1042. .el-tag--mini .el-icon-close {
  1043. margin-left: -3px;
  1044. -webkit-transform: scale(0.7);
  1045. transform: scale(0.7); }
  1046. /* Element Chalk Variables */
  1047. /* Transition
  1048. -------------------------- */
  1049. /* Colors
  1050. -------------------------- */
  1051. /* 53a8ff */
  1052. /* 66b1ff */
  1053. /* 79bbff */
  1054. /* 8cc5ff */
  1055. /* a0cfff */
  1056. /* b3d8ff */
  1057. /* c6e2ff */
  1058. /* d9ecff */
  1059. /* ecf5ff */
  1060. /* Link
  1061. -------------------------- */
  1062. /* Background
  1063. -------------------------- */
  1064. /* Border
  1065. -------------------------- */
  1066. /* Box-shadow
  1067. -------------------------- */
  1068. /* Fill
  1069. -------------------------- */
  1070. /* Font
  1071. -------------------------- */
  1072. /* Size
  1073. -------------------------- */
  1074. /* z-index
  1075. -------------------------- */
  1076. /* Disable base
  1077. -------------------------- */
  1078. /* Icon
  1079. -------------------------- */
  1080. /* Checkbox
  1081. -------------------------- */
  1082. /* Radio
  1083. -------------------------- */
  1084. /* Select
  1085. -------------------------- */
  1086. /* Alert
  1087. -------------------------- */
  1088. /* Message Box
  1089. -------------------------- */
  1090. /* Message
  1091. -------------------------- */
  1092. /* Notification
  1093. -------------------------- */
  1094. /* Input
  1095. -------------------------- */
  1096. /* Cascader
  1097. -------------------------- */
  1098. /* Group
  1099. -------------------------- */
  1100. /* Tab
  1101. -------------------------- */
  1102. /* Button
  1103. -------------------------- */
  1104. /* cascader
  1105. -------------------------- */
  1106. /* Switch
  1107. -------------------------- */
  1108. /* Dialog
  1109. -------------------------- */
  1110. /* Table
  1111. -------------------------- */
  1112. /* Pagination
  1113. -------------------------- */
  1114. /* Popover
  1115. -------------------------- */
  1116. /* Tooltip
  1117. -------------------------- */
  1118. /* Tag
  1119. -------------------------- */
  1120. /* Tree
  1121. -------------------------- */
  1122. /* Dropdown
  1123. -------------------------- */
  1124. /* Badge
  1125. -------------------------- */
  1126. /* Card
  1127. --------------------------*/
  1128. /* Slider
  1129. --------------------------*/
  1130. /* Steps
  1131. --------------------------*/
  1132. /* MenuSlide
  1133. --------------------------*/
  1134. /* Rate
  1135. --------------------------*/
  1136. /* DatePicker
  1137. --------------------------*/
  1138. /* Loading
  1139. --------------------------*/
  1140. /* Scrollbar
  1141. --------------------------*/
  1142. /* Carousel
  1143. --------------------------*/
  1144. /* Collapse
  1145. --------------------------*/
  1146. /* Transfer
  1147. --------------------------*/
  1148. /* Header
  1149. --------------------------*/
  1150. /* Footer
  1151. --------------------------*/
  1152. /* Main
  1153. --------------------------*/
  1154. /* Break-point
  1155. --------------------------*/
  1156. .el-table-column--selection .cell {
  1157. padding-left: 14px;
  1158. padding-right: 14px; }
  1159. .el-table-filter {
  1160. border: solid 1px #e6ebf5;
  1161. border-radius: 2px;
  1162. background-color: #fff;
  1163. -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  1164. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  1165. -webkit-box-sizing: border-box;
  1166. box-sizing: border-box;
  1167. margin: 2px 0;
  1168. /** used for dropdown mode */ }
  1169. .el-table-filter__list {
  1170. padding: 5px 0;
  1171. margin: 0;
  1172. list-style: none;
  1173. min-width: 100px; }
  1174. .el-table-filter__list-item {
  1175. line-height: 36px;
  1176. padding: 0 10px;
  1177. cursor: pointer;
  1178. font-size: 14px; }
  1179. .el-table-filter__list-item:hover {
  1180. background-color: #e8e9e9;
  1181. color: #494b50; }
  1182. .el-table-filter__list-item.is-active {
  1183. background-color: #1b1e24;
  1184. color: #fff; }
  1185. .el-table-filter__content {
  1186. min-width: 100px; }
  1187. .el-table-filter__bottom {
  1188. border-top: 1px solid #e6ebf5;
  1189. padding: 8px; }
  1190. .el-table-filter__bottom button {
  1191. background: transparent;
  1192. border: none;
  1193. color: #5a5e66;
  1194. cursor: pointer;
  1195. font-size: 13px;
  1196. padding: 0 3px; }
  1197. .el-table-filter__bottom button:hover {
  1198. color: #1b1e24; }
  1199. .el-table-filter__bottom button:focus {
  1200. outline: none; }
  1201. .el-table-filter__bottom button.is-disabled {
  1202. color: #b4bccc;
  1203. cursor: not-allowed; }
  1204. .el-table-filter__checkbox-group {
  1205. padding: 10px; }
  1206. .el-table-filter__checkbox-group label.el-checkbox {
  1207. display: block;
  1208. margin-bottom: 8px;
  1209. margin-left: 5px; }
  1210. .el-table-filter__checkbox-group .el-checkbox:last-child {
  1211. margin-bottom: 0; }