tree.css 30 KB

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