tree.css 31 KB

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