app模板、应用模板、组件模板、widget模板
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1268 lines
26 KiB

4 years ago
  1. [data-theme="blue"] {
  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. /* BEM support Func
  373. -------------------------- */
  374. /* Element Chalk Variables */
  375. /* Transition
  376. -------------------------- */
  377. /* Color
  378. -------------------------- */
  379. /* 53a8ff */
  380. /* 66b1ff */
  381. /* 79bbff */
  382. /* 8cc5ff */
  383. /* a0cfff */
  384. /* b3d8ff */
  385. /* c6e2ff */
  386. /* d9ecff */
  387. /* ecf5ff */
  388. /* Link
  389. -------------------------- */
  390. /* Border
  391. -------------------------- */
  392. /* Fill
  393. -------------------------- */
  394. /* Typography
  395. -------------------------- */
  396. /* Size
  397. -------------------------- */
  398. /* z-index
  399. -------------------------- */
  400. /* Disable base
  401. -------------------------- */
  402. /* Icon
  403. -------------------------- */
  404. /* Checkbox
  405. -------------------------- */
  406. /* Radio
  407. -------------------------- */
  408. /* Select
  409. -------------------------- */
  410. /* Alert
  411. -------------------------- */
  412. /* MessageBox
  413. -------------------------- */
  414. /* Message
  415. -------------------------- */
  416. /* Notification
  417. -------------------------- */
  418. /* Input
  419. -------------------------- */
  420. /* Cascader
  421. -------------------------- */
  422. /* Group
  423. -------------------------- */
  424. /* Tab
  425. -------------------------- */
  426. /* Button
  427. -------------------------- */
  428. /* cascader
  429. -------------------------- */
  430. /* Switch
  431. -------------------------- */
  432. /* Dialog
  433. -------------------------- */
  434. /* Table
  435. -------------------------- */
  436. /* Pagination
  437. -------------------------- */
  438. /* Popup
  439. -------------------------- */
  440. /* Popover
  441. -------------------------- */
  442. /* Tooltip
  443. -------------------------- */
  444. /* Tag
  445. -------------------------- */
  446. /* Tree
  447. -------------------------- */
  448. /* Dropdown
  449. -------------------------- */
  450. /* Badge
  451. -------------------------- */
  452. /* Card
  453. --------------------------*/
  454. /* Slider
  455. --------------------------*/
  456. /* Steps
  457. --------------------------*/
  458. /* Menu
  459. --------------------------*/
  460. /* Rate
  461. --------------------------*/
  462. /* DatePicker
  463. --------------------------*/
  464. /* Loading
  465. --------------------------*/
  466. /* Scrollbar
  467. --------------------------*/
  468. /* Carousel
  469. --------------------------*/
  470. /* Collapse
  471. --------------------------*/
  472. /* Transfer
  473. --------------------------*/
  474. /* Header
  475. --------------------------*/
  476. /* Footer
  477. --------------------------*/
  478. /* Main
  479. --------------------------*/
  480. /* Timeline
  481. --------------------------*/
  482. /* Backtop
  483. --------------------------*/
  484. /* Link
  485. --------------------------*/
  486. /* Calendar
  487. --------------------------*/
  488. /* Form
  489. -------------------------- */
  490. /* Avatar
  491. --------------------------*/
  492. /* Break-point
  493. --------------------------*/
  494. /* Break-points
  495. -------------------------- */
  496. /* Scrollbar
  497. -------------------------- */
  498. /* Placeholder
  499. -------------------------- */
  500. /* BEM
  501. -------------------------- */ }
  502. [data-theme="blue"] .v-modal-enter {
  503. -webkit-animation: v-modal-in .2s ease;
  504. animation: v-modal-in .2s ease; }
  505. [data-theme="blue"] .v-modal-leave {
  506. -webkit-animation: v-modal-out .2s ease forwards;
  507. animation: v-modal-out .2s ease forwards; }
  508. @-webkit-keyframes v-modal-in {
  509. 0% {
  510. opacity: 0; }
  511. 100% { } }
  512. @keyframes v-modal-in {
  513. 0% {
  514. opacity: 0; }
  515. 100% { } }
  516. @-webkit-keyframes v-modal-out {
  517. 0% { }
  518. 100% {
  519. opacity: 0; } }
  520. @keyframes v-modal-out {
  521. 0% { }
  522. 100% {
  523. opacity: 0; } }
  524. [data-theme="blue"] .v-modal {
  525. position: fixed;
  526. left: 0;
  527. top: 0;
  528. width: 100%;
  529. height: 100%;
  530. opacity: 0.5;
  531. background: #FFFFFF; }
  532. [data-theme="blue"] .el-popup-parent--hidden {
  533. overflow: hidden; }
  534. [data-theme="blue"] .el-dialog {
  535. position: relative;
  536. margin: 0 auto 50px;
  537. background: #000000;
  538. border-radius: 0px;
  539. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  540. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  541. -webkit-box-sizing: border-box;
  542. box-sizing: border-box;
  543. width: 50%; }
  544. [data-theme="blue"] .el-dialog.is-fullscreen {
  545. width: 100%;
  546. margin-top: 0;
  547. margin-bottom: 0;
  548. height: 100%;
  549. overflow: auto; }
  550. .el-dialog__wrapper {
  551. position: fixed;
  552. top: 0;
  553. right: 0;
  554. bottom: 0;
  555. left: 0;
  556. overflow: auto;
  557. margin: 0; }
  558. .el-dialog__header {
  559. padding: 20px;
  560. padding-bottom: 10px; }
  561. .el-dialog__headerbtn {
  562. position: absolute;
  563. top: 20px;
  564. right: 20px;
  565. padding: 0;
  566. background: transparent;
  567. border: none;
  568. outline: none;
  569. cursor: pointer;
  570. font-size: 16px; }
  571. .el-dialog__headerbtn .el-dialog__close {
  572. color: #333333; }
  573. .el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
  574. color: #92D9FF; }
  575. .el-dialog__title {
  576. line-height: 24px;
  577. font-size: 18px;
  578. color: #000000; }
  579. .el-dialog__body {
  580. padding: 30px 20px;
  581. color: #FFFFFF;
  582. font-size: 14px;
  583. word-break: break-all; }
  584. .el-dialog__footer {
  585. padding: 20px;
  586. padding-top: 10px;
  587. text-align: right;
  588. -webkit-box-sizing: border-box;
  589. box-sizing: border-box; }
  590. [data-theme="blue"] .el-dialog--center {
  591. text-align: center; }
  592. [data-theme="blue"] .el-dialog--center .el-dialog__body {
  593. text-align: initial;
  594. padding: 25px 25px 30px; }
  595. [data-theme="blue"] .el-dialog--center .el-dialog__footer {
  596. text-align: inherit; }
  597. [data-theme="blue"] .dialog-fade-enter-active {
  598. -webkit-animation: dialog-fade-in .3s;
  599. animation: dialog-fade-in .3s; }
  600. [data-theme="blue"] .dialog-fade-leave-active {
  601. -webkit-animation: dialog-fade-out .3s;
  602. animation: dialog-fade-out .3s; }
  603. @-webkit-keyframes dialog-fade-in {
  604. 0% {
  605. -webkit-transform: translate3d(0, -20px, 0);
  606. transform: translate3d(0, -20px, 0);
  607. opacity: 0; }
  608. 100% {
  609. -webkit-transform: translate3d(0, 0, 0);
  610. transform: translate3d(0, 0, 0);
  611. opacity: 1; } }
  612. @keyframes dialog-fade-in {
  613. 0% {
  614. -webkit-transform: translate3d(0, -20px, 0);
  615. transform: translate3d(0, -20px, 0);
  616. opacity: 0; }
  617. 100% {
  618. -webkit-transform: translate3d(0, 0, 0);
  619. transform: translate3d(0, 0, 0);
  620. opacity: 1; } }
  621. @-webkit-keyframes dialog-fade-out {
  622. 0% {
  623. -webkit-transform: translate3d(0, 0, 0);
  624. transform: translate3d(0, 0, 0);
  625. opacity: 1; }
  626. 100% {
  627. -webkit-transform: translate3d(0, -20px, 0);
  628. transform: translate3d(0, -20px, 0);
  629. opacity: 0; } }
  630. @keyframes dialog-fade-out {
  631. 0% {
  632. -webkit-transform: translate3d(0, 0, 0);
  633. transform: translate3d(0, 0, 0);
  634. opacity: 1; }
  635. 100% {
  636. -webkit-transform: translate3d(0, -20px, 0);
  637. transform: translate3d(0, -20px, 0);
  638. opacity: 0; } }
  639. /* BEM support Func
  640. -------------------------- */
  641. /* Element Chalk Variables */
  642. /* Transition
  643. -------------------------- */
  644. /* Color
  645. -------------------------- */
  646. /* 53a8ff */
  647. /* 66b1ff */
  648. /* 79bbff */
  649. /* 8cc5ff */
  650. /* a0cfff */
  651. /* b3d8ff */
  652. /* c6e2ff */
  653. /* d9ecff */
  654. /* ecf5ff */
  655. /* Link
  656. -------------------------- */
  657. /* Border
  658. -------------------------- */
  659. /* Fill
  660. -------------------------- */
  661. /* Typography
  662. -------------------------- */
  663. /* Size
  664. -------------------------- */
  665. /* z-index
  666. -------------------------- */
  667. /* Disable base
  668. -------------------------- */
  669. /* Icon
  670. -------------------------- */
  671. /* Checkbox
  672. -------------------------- */
  673. /* Radio
  674. -------------------------- */
  675. /* Select
  676. -------------------------- */
  677. /* Alert
  678. -------------------------- */
  679. /* MessageBox
  680. -------------------------- */
  681. /* Message
  682. -------------------------- */
  683. /* Notification
  684. -------------------------- */
  685. /* Input
  686. -------------------------- */
  687. /* Cascader
  688. -------------------------- */
  689. /* Group
  690. -------------------------- */
  691. /* Tab
  692. -------------------------- */
  693. /* Button
  694. -------------------------- */
  695. /* cascader
  696. -------------------------- */
  697. /* Switch
  698. -------------------------- */
  699. /* Dialog
  700. -------------------------- */
  701. /* Table
  702. -------------------------- */
  703. /* Pagination
  704. -------------------------- */
  705. /* Popup
  706. -------------------------- */
  707. /* Popover
  708. -------------------------- */
  709. /* Tooltip
  710. -------------------------- */
  711. /* Tag
  712. -------------------------- */
  713. /* Tree
  714. -------------------------- */
  715. /* Dropdown
  716. -------------------------- */
  717. /* Badge
  718. -------------------------- */
  719. /* Card
  720. --------------------------*/
  721. /* Slider
  722. --------------------------*/
  723. /* Steps
  724. --------------------------*/
  725. /* Menu
  726. --------------------------*/
  727. /* Rate
  728. --------------------------*/
  729. /* DatePicker
  730. --------------------------*/
  731. /* Loading
  732. --------------------------*/
  733. /* Scrollbar
  734. --------------------------*/
  735. /* Carousel
  736. --------------------------*/
  737. /* Collapse
  738. --------------------------*/
  739. /* Transfer
  740. --------------------------*/
  741. /* Header
  742. --------------------------*/
  743. /* Footer
  744. --------------------------*/
  745. /* Main
  746. --------------------------*/
  747. /* Timeline
  748. --------------------------*/
  749. /* Backtop
  750. --------------------------*/
  751. /* Link
  752. --------------------------*/
  753. /* Calendar
  754. --------------------------*/
  755. /* Form
  756. -------------------------- */
  757. /* Avatar
  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. /* Break-point
  888. --------------------------*/
  889. /* Element Chalk Variables */
  890. /* Transition
  891. -------------------------- */
  892. /* Color
  893. -------------------------- */
  894. /* 53a8ff */
  895. /* 66b1ff */
  896. /* 79bbff */
  897. /* 8cc5ff */
  898. /* a0cfff */
  899. /* b3d8ff */
  900. /* c6e2ff */
  901. /* d9ecff */
  902. /* ecf5ff */
  903. /* Link
  904. -------------------------- */
  905. /* Border
  906. -------------------------- */
  907. /* Fill
  908. -------------------------- */
  909. /* Typography
  910. -------------------------- */
  911. /* Size
  912. -------------------------- */
  913. /* z-index
  914. -------------------------- */
  915. /* Disable base
  916. -------------------------- */
  917. /* Icon
  918. -------------------------- */
  919. /* Checkbox
  920. -------------------------- */
  921. /* Radio
  922. -------------------------- */
  923. /* Select
  924. -------------------------- */
  925. /* Alert
  926. -------------------------- */
  927. /* MessageBox
  928. -------------------------- */
  929. /* Message
  930. -------------------------- */
  931. /* Notification
  932. -------------------------- */
  933. /* Input
  934. -------------------------- */
  935. /* Cascader
  936. -------------------------- */
  937. /* Group
  938. -------------------------- */
  939. /* Tab
  940. -------------------------- */
  941. /* Button
  942. -------------------------- */
  943. /* cascader
  944. -------------------------- */
  945. /* Switch
  946. -------------------------- */
  947. /* Dialog
  948. -------------------------- */
  949. /* Table
  950. -------------------------- */
  951. /* Pagination
  952. -------------------------- */
  953. /* Popup
  954. -------------------------- */
  955. /* Popover
  956. -------------------------- */
  957. /* Tooltip
  958. -------------------------- */
  959. /* Tag
  960. -------------------------- */
  961. /* Tree
  962. -------------------------- */
  963. /* Dropdown
  964. -------------------------- */
  965. /* Badge
  966. -------------------------- */
  967. /* Card
  968. --------------------------*/
  969. /* Slider
  970. --------------------------*/
  971. /* Steps
  972. --------------------------*/
  973. /* Menu
  974. --------------------------*/
  975. /* Rate
  976. --------------------------*/
  977. /* DatePicker
  978. --------------------------*/
  979. /* Loading
  980. --------------------------*/
  981. /* Scrollbar
  982. --------------------------*/
  983. /* Carousel
  984. --------------------------*/
  985. /* Collapse
  986. --------------------------*/
  987. /* Transfer
  988. --------------------------*/
  989. /* Header
  990. --------------------------*/
  991. /* Footer
  992. --------------------------*/
  993. /* Main
  994. --------------------------*/
  995. /* Timeline
  996. --------------------------*/
  997. /* Backtop
  998. --------------------------*/
  999. /* Link
  1000. --------------------------*/
  1001. /* Calendar
  1002. --------------------------*/
  1003. /* Form
  1004. -------------------------- */
  1005. /* Avatar
  1006. --------------------------*/
  1007. /* Break-point
  1008. --------------------------*/
  1009. /* BEM support Func
  1010. -------------------------- */
  1011. /* Element Chalk Variables */
  1012. /* Transition
  1013. -------------------------- */
  1014. /* Color
  1015. -------------------------- */
  1016. /* 53a8ff */
  1017. /* 66b1ff */
  1018. /* 79bbff */
  1019. /* 8cc5ff */
  1020. /* a0cfff */
  1021. /* b3d8ff */
  1022. /* c6e2ff */
  1023. /* d9ecff */
  1024. /* ecf5ff */
  1025. /* Link
  1026. -------------------------- */
  1027. /* Border
  1028. -------------------------- */
  1029. /* Fill
  1030. -------------------------- */
  1031. /* Typography
  1032. -------------------------- */
  1033. /* Size
  1034. -------------------------- */
  1035. /* z-index
  1036. -------------------------- */
  1037. /* Disable base
  1038. -------------------------- */
  1039. /* Icon
  1040. -------------------------- */
  1041. /* Checkbox
  1042. -------------------------- */
  1043. /* Radio
  1044. -------------------------- */
  1045. /* Select
  1046. -------------------------- */
  1047. /* Alert
  1048. -------------------------- */
  1049. /* MessageBox
  1050. -------------------------- */
  1051. /* Message
  1052. -------------------------- */
  1053. /* Notification
  1054. -------------------------- */
  1055. /* Input
  1056. -------------------------- */
  1057. /* Cascader
  1058. -------------------------- */
  1059. /* Group
  1060. -------------------------- */
  1061. /* Tab
  1062. -------------------------- */
  1063. /* Button
  1064. -------------------------- */
  1065. /* cascader
  1066. -------------------------- */
  1067. /* Switch
  1068. -------------------------- */
  1069. /* Dialog
  1070. -------------------------- */
  1071. /* Table
  1072. -------------------------- */
  1073. /* Pagination
  1074. -------------------------- */
  1075. /* Popup
  1076. -------------------------- */
  1077. /* Popover
  1078. -------------------------- */
  1079. /* Tooltip
  1080. -------------------------- */
  1081. /* Tag
  1082. -------------------------- */
  1083. /* Tree
  1084. -------------------------- */
  1085. /* Dropdown
  1086. -------------------------- */
  1087. /* Badge
  1088. -------------------------- */
  1089. /* Card
  1090. --------------------------*/
  1091. /* Slider
  1092. --------------------------*/
  1093. /* Steps
  1094. --------------------------*/
  1095. /* Menu
  1096. --------------------------*/
  1097. /* Rate
  1098. --------------------------*/
  1099. /* DatePicker
  1100. --------------------------*/
  1101. /* Loading
  1102. --------------------------*/
  1103. /* Scrollbar
  1104. --------------------------*/
  1105. /* Carousel
  1106. --------------------------*/
  1107. /* Collapse
  1108. --------------------------*/
  1109. /* Transfer
  1110. --------------------------*/
  1111. /* Header
  1112. --------------------------*/
  1113. /* Footer
  1114. --------------------------*/
  1115. /* Main
  1116. --------------------------*/
  1117. /* Timeline
  1118. --------------------------*/
  1119. /* Backtop
  1120. --------------------------*/
  1121. /* Link
  1122. --------------------------*/
  1123. /* Calendar
  1124. --------------------------*/
  1125. /* Form
  1126. -------------------------- */
  1127. /* Avatar
  1128. --------------------------*/
  1129. /* Break-point
  1130. --------------------------*/
  1131. /* Break-points
  1132. -------------------------- */
  1133. /* Scrollbar
  1134. -------------------------- */
  1135. /* Placeholder
  1136. -------------------------- */
  1137. /* BEM
  1138. -------------------------- */
  1139. .v-modal-enter {
  1140. -webkit-animation: v-modal-in .2s ease;
  1141. animation: v-modal-in .2s ease; }
  1142. .v-modal-leave {
  1143. -webkit-animation: v-modal-out .2s ease forwards;
  1144. animation: v-modal-out .2s ease forwards; }
  1145. @keyframes v-modal-in {
  1146. 0% {
  1147. opacity: 0; }
  1148. 100% { } }
  1149. @keyframes v-modal-out {
  1150. 0% { }
  1151. 100% {
  1152. opacity: 0; } }
  1153. .v-modal {
  1154. position: fixed;
  1155. left: 0;
  1156. top: 0;
  1157. width: 100%;
  1158. height: 100%;
  1159. opacity: 0.5;
  1160. background: #FFFFFF; }
  1161. .el-popup-parent--hidden {
  1162. overflow: hidden; }
  1163. .el-dialog {
  1164. position: relative;
  1165. margin: 0 auto 50px;
  1166. background: #000000;
  1167. border-radius: 0px;
  1168. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  1169. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  1170. -webkit-box-sizing: border-box;
  1171. box-sizing: border-box;
  1172. width: 50%; }
  1173. .el-dialog.is-fullscreen {
  1174. width: 100%;
  1175. margin-top: 0;
  1176. margin-bottom: 0;
  1177. height: 100%;
  1178. overflow: auto; }
  1179. .el-dialog__wrapper {
  1180. position: fixed;
  1181. top: 0;
  1182. right: 0;
  1183. bottom: 0;
  1184. left: 0;
  1185. overflow: auto;
  1186. margin: 0; }
  1187. .el-dialog__header {
  1188. padding: 20px;
  1189. padding-bottom: 10px; }
  1190. .el-dialog__headerbtn {
  1191. position: absolute;
  1192. top: 20px;
  1193. right: 20px;
  1194. padding: 0;
  1195. background: transparent;
  1196. border: none;
  1197. outline: none;
  1198. cursor: pointer;
  1199. font-size: 16px; }
  1200. .el-dialog__headerbtn .el-dialog__close {
  1201. color: #333333; }
  1202. .el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
  1203. color: #92D9FF; }
  1204. .el-dialog__title {
  1205. line-height: 24px;
  1206. font-size: 18px;
  1207. color: #000000; }
  1208. .el-dialog__body {
  1209. padding: 30px 20px;
  1210. color: #FFFFFF;
  1211. font-size: 14px;
  1212. word-break: break-all; }
  1213. .el-dialog__footer {
  1214. padding: 20px;
  1215. padding-top: 10px;
  1216. text-align: right;
  1217. -webkit-box-sizing: border-box;
  1218. box-sizing: border-box; }
  1219. .el-dialog--center {
  1220. text-align: center; }
  1221. .el-dialog--center .el-dialog__body {
  1222. text-align: initial;
  1223. padding: 25px 25px 30px; }
  1224. .el-dialog--center .el-dialog__footer {
  1225. text-align: inherit; }
  1226. .dialog-fade-enter-active {
  1227. -webkit-animation: dialog-fade-in .3s;
  1228. animation: dialog-fade-in .3s; }
  1229. .dialog-fade-leave-active {
  1230. -webkit-animation: dialog-fade-out .3s;
  1231. animation: dialog-fade-out .3s; }
  1232. @keyframes dialog-fade-in {
  1233. 0% {
  1234. -webkit-transform: translate3d(0, -20px, 0);
  1235. transform: translate3d(0, -20px, 0);
  1236. opacity: 0; }
  1237. 100% {
  1238. -webkit-transform: translate3d(0, 0, 0);
  1239. transform: translate3d(0, 0, 0);
  1240. opacity: 1; } }
  1241. @keyframes dialog-fade-out {
  1242. 0% {
  1243. -webkit-transform: translate3d(0, 0, 0);
  1244. transform: translate3d(0, 0, 0);
  1245. opacity: 1; }
  1246. 100% {
  1247. -webkit-transform: translate3d(0, -20px, 0);
  1248. transform: translate3d(0, -20px, 0);
  1249. opacity: 0; } }