旭捷内部项目管理系统
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.

1947 lines
51 KiB

10 months ago
  1. /* Cell Component */
  2. /* Header Component */
  3. /* Button Component */
  4. /* Tab Item Component */
  5. /* Tabbar Component */
  6. /* Navbar Component */
  7. /* Checklist Component */
  8. /* Radio Component */
  9. /* z-index */
  10. .mint-header {
  11. -webkit-box-align: center;
  12. -ms-flex-align: center;
  13. align-items: center;
  14. background-color: #26a2ff;
  15. box-sizing: border-box;
  16. color: #fff;
  17. display: -webkit-box;
  18. display: -ms-flexbox;
  19. display: flex;
  20. font-size: 14px;
  21. height: 40px;
  22. line-height: 1;
  23. padding: 0 10px;
  24. position: relative;
  25. text-align: center;
  26. white-space: nowrap;
  27. }
  28. .mint-header .mint-button {
  29. background-color: transparent;
  30. border: 0;
  31. box-shadow: none;
  32. color: inherit;
  33. display: inline-block;
  34. padding: 0;
  35. font-size: inherit
  36. }
  37. .mint-header .mint-button::after {
  38. content: none;
  39. }
  40. .mint-header.is-fixed {
  41. top: 0;
  42. right: 0;
  43. left: 0;
  44. position: fixed;
  45. z-index: 1;
  46. }
  47. .mint-header-button {
  48. -webkit-box-flex: .5;
  49. -ms-flex: .5;
  50. flex: .5;
  51. }
  52. .mint-header-button > a {
  53. color: inherit;
  54. }
  55. .mint-header-button.is-right {
  56. text-align: right;
  57. }
  58. .mint-header-button.is-left {
  59. text-align: left;
  60. }
  61. .mint-header-title {
  62. overflow: hidden;
  63. text-overflow: ellipsis;
  64. white-space: nowrap;
  65. font-size: inherit;
  66. font-weight: 400;
  67. -webkit-box-flex: 1;
  68. -ms-flex: 1;
  69. flex: 1;
  70. }
  71. /* Cell Component */
  72. /* Header Component */
  73. /* Button Component */
  74. /* Tab Item Component */
  75. /* Tabbar Component */
  76. /* Navbar Component */
  77. /* Checklist Component */
  78. /* Radio Component */
  79. /* z-index */
  80. .mint-button {
  81. -webkit-appearance: none;
  82. -moz-appearance: none;
  83. appearance: none;
  84. border-radius: 4px;
  85. border: 0;
  86. box-sizing: border-box;
  87. color: inherit;
  88. display: block;
  89. font-size: 18px;
  90. height: 41px;
  91. outline: 0;
  92. overflow: hidden;
  93. position: relative;
  94. text-align: center
  95. }
  96. .mint-button::after {
  97. background-color: #000;
  98. content: " ";
  99. opacity: 0;
  100. top: 0;
  101. right: 0;
  102. bottom: 0;
  103. left: 0;
  104. position: absolute
  105. }
  106. .mint-button:not(.is-disabled):active::after {
  107. opacity: .4
  108. }
  109. .mint-button.is-disabled {
  110. opacity: .6
  111. }
  112. .mint-button-icon {
  113. vertical-align: middle;
  114. display: inline-block
  115. }
  116. .mint-button--default {
  117. color: #656b79;
  118. background-color: #f6f8fa;
  119. box-shadow: 0 0 1px #b8bbbf
  120. }
  121. .mint-button--default.is-plain {
  122. border: 1px solid #5a5a5a;
  123. background-color: transparent;
  124. box-shadow: none;
  125. color: #5a5a5a
  126. }
  127. .mint-button--primary {
  128. color: #fff;
  129. background-color: #26a2ff
  130. }
  131. .mint-button--primary.is-plain {
  132. border: 1px solid #26a2ff;
  133. background-color: transparent;
  134. color: #26a2ff
  135. }
  136. .mint-button--danger {
  137. color: #fff;
  138. background-color: #ef4f4f
  139. }
  140. .mint-button--danger.is-plain {
  141. border: 1px solid #ef4f4f;
  142. background-color: transparent;
  143. color: #ef4f4f
  144. }
  145. .mint-button--large {
  146. display: block;
  147. width: 100%
  148. }
  149. .mint-button--normal {
  150. display: inline-block;
  151. padding: 0 12px
  152. }
  153. .mint-button--small {
  154. display: inline-block;
  155. font-size: 14px;
  156. padding: 0 12px;
  157. height: 33px
  158. }
  159. /* Cell Component */
  160. /* Header Component */
  161. /* Button Component */
  162. /* Tab Item Component */
  163. /* Tabbar Component */
  164. /* Navbar Component */
  165. /* Checklist Component */
  166. /* Radio Component */
  167. /* z-index */
  168. .mint-cell {
  169. background-color:#fff;
  170. box-sizing:border-box;
  171. color:inherit;
  172. min-height:48px;
  173. display:block;
  174. overflow:hidden;
  175. position:relative;
  176. text-decoration:none;
  177. }
  178. .mint-cell img {
  179. vertical-align:middle;
  180. }
  181. .mint-cell:first-child .mint-cell-wrapper {
  182. background-origin:border-box;
  183. }
  184. .mint-cell:last-child {
  185. background-image:-webkit-linear-gradient(bottom, #d9d9d9, #d9d9d9 50%, transparent 50%);
  186. background-image:linear-gradient(0deg, #d9d9d9, #d9d9d9 50%, transparent 50%);
  187. background-size:100% 1px;
  188. background-repeat:no-repeat;
  189. background-position:bottom;
  190. }
  191. .mint-cell-wrapper {
  192. background-image:-webkit-linear-gradient(top, #d9d9d9, #d9d9d9 50%, transparent 50%);
  193. background-image:linear-gradient(180deg, #d9d9d9, #d9d9d9 50%, transparent 50%);
  194. background-size: 120% 1px;
  195. background-repeat: no-repeat;
  196. background-position: top left;
  197. background-origin: content-box;
  198. -webkit-box-align: center;
  199. -ms-flex-align: center;
  200. align-items: center;
  201. box-sizing: border-box;
  202. display: -webkit-box;
  203. display: -ms-flexbox;
  204. display: flex;
  205. font-size: 16px;
  206. line-height: 1;
  207. min-height: inherit;
  208. overflow: hidden;
  209. padding: 0 10px;
  210. width: 100%;
  211. }
  212. .mint-cell-mask {}
  213. .mint-cell-mask::after {
  214. background-color:#000;
  215. content:" ";
  216. opacity:0;
  217. top:0;
  218. right:0;
  219. bottom:0;
  220. left:0;
  221. position:absolute;
  222. }
  223. .mint-cell-mask:active::after {
  224. opacity:.1;
  225. }
  226. .mint-cell-text {
  227. vertical-align: middle;
  228. }
  229. .mint-cell-label {
  230. color: #888;
  231. display: block;
  232. font-size: 12px;
  233. margin-top: 6px;
  234. }
  235. .mint-cell-title {
  236. -webkit-box-flex: 1;
  237. -ms-flex: 1;
  238. flex: 1;
  239. }
  240. .mint-cell-value {
  241. color: #888;
  242. display: -webkit-box;
  243. display: -ms-flexbox;
  244. display: flex;
  245. -webkit-box-align: center;
  246. -ms-flex-align: center;
  247. align-items: center;
  248. }
  249. .mint-cell-value.is-link {
  250. margin-right:24px;
  251. }
  252. .mint-cell-left {
  253. position: absolute;
  254. height: 100%;
  255. left: 0;
  256. -webkit-transform: translate3d(-100%, 0, 0);
  257. transform: translate3d(-100%, 0, 0);
  258. }
  259. .mint-cell-right {
  260. position: absolute;
  261. height: 100%;
  262. right: 0;
  263. top: 0;
  264. -webkit-transform: translate3d(100%, 0, 0);
  265. transform: translate3d(100%, 0, 0);
  266. }
  267. .mint-cell-allow-right::after {
  268. border: solid 2px #c8c8cd;
  269. border-bottom-width: 0;
  270. border-left-width: 0;
  271. content: " ";
  272. top:50%;
  273. right:20px;
  274. position: absolute;
  275. width:5px;
  276. height:5px;
  277. -webkit-transform: translateY(-50%) rotate(45deg);
  278. transform: translateY(-50%) rotate(45deg);
  279. }
  280. /* Cell Component */
  281. /* Header Component */
  282. /* Button Component */
  283. /* Tab Item Component */
  284. /* Tabbar Component */
  285. /* Navbar Component */
  286. /* Checklist Component */
  287. /* Radio Component */
  288. /* z-index */
  289. .mint-cell-swipe .mint-cell-wrapper, .mint-cell-swipe .mint-cell-left, .mint-cell-swipe .mint-cell-right {
  290. -webkit-transition: -webkit-transform 150ms ease-in-out;
  291. transition: -webkit-transform 150ms ease-in-out;
  292. transition: transform 150ms ease-in-out;
  293. transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
  294. }
  295. .mint-cell-swipe-buttongroup {
  296. height: 100%;
  297. }
  298. .mint-cell-swipe-button {
  299. height: 100%;
  300. display: inline-block;
  301. padding: 0 10px;
  302. line-height: 48px;
  303. }
  304. /* Cell Component */
  305. /* Header Component */
  306. /* Button Component */
  307. /* Tab Item Component */
  308. /* Tabbar Component */
  309. /* Navbar Component */
  310. /* Checklist Component */
  311. /* Radio Component */
  312. /* z-index */
  313. .mint-field {
  314. display: -webkit-box;
  315. display: -ms-flexbox;
  316. display: flex;
  317. }
  318. .mint-field .mint-cell-title {
  319. width: 105px;
  320. -webkit-box-flex: 0;
  321. -ms-flex: none;
  322. flex: none;
  323. }
  324. .mint-field .mint-cell-value {
  325. -webkit-box-flex: 1;
  326. -ms-flex: 1;
  327. flex: 1;
  328. color: inherit;
  329. display: -webkit-box;
  330. display: -ms-flexbox;
  331. display: flex;
  332. }
  333. .mint-field.is-nolabel .mint-cell-title {
  334. display: none;
  335. }
  336. .mint-field.is-textarea {
  337. -webkit-box-align: inherit;
  338. -ms-flex-align: inherit;
  339. align-items: inherit;
  340. }
  341. .mint-field.is-textarea .mint-cell-title {
  342. padding: 10px 0;
  343. }
  344. .mint-field.is-textarea .mint-cell-value {
  345. padding: 5px 0;
  346. }
  347. .mint-field-core {
  348. -webkit-appearance: none;
  349. -moz-appearance: none;
  350. appearance: none;
  351. border-radius: 0;
  352. border: 0;
  353. -webkit-box-flex: 1;
  354. -ms-flex: 1;
  355. flex: 1;
  356. outline: 0;
  357. line-height: 1.6;
  358. font-size: inherit;
  359. width: 100%;
  360. }
  361. .mint-field-clear {
  362. opacity: .2;
  363. }
  364. .mint-field-state {
  365. color: inherit;
  366. margin-left: 20px;
  367. }
  368. .mint-field-state .mintui {
  369. font-size: 20px;
  370. }
  371. .mint-field-state.is-default {
  372. margin-left: 0;
  373. }
  374. .mint-field-state.is-success {
  375. color: #4caf50;
  376. }
  377. .mint-field-state.is-warning {
  378. color: #ffc107;
  379. }
  380. .mint-field-state.is-error {
  381. color: #f44336;
  382. }
  383. .mint-field-other {
  384. top: 0;
  385. right: 0;
  386. position: absolute;
  387. }
  388. /* Cell Component */
  389. /* Header Component */
  390. /* Button Component */
  391. /* Tab Item Component */
  392. /* Tabbar Component */
  393. /* Navbar Component */
  394. /* Checklist Component */
  395. /* Radio Component */
  396. /* z-index */
  397. .mint-badge {
  398. color: #fff;
  399. text-align: center;
  400. display: inline-block
  401. }
  402. .mint-badge.is-size-large {
  403. border-radius: 14px;
  404. font-size: 18px;
  405. padding: 2px 10px
  406. }
  407. .mint-badge.is-size-small {
  408. border-radius: 8px;
  409. font-size: 12px;
  410. padding: 2px 6px
  411. }
  412. .mint-badge.is-size-normal {
  413. border-radius: 12px;
  414. font-size: 15px;
  415. padding: 2px 8px
  416. }
  417. .mint-badge.is-warning {
  418. background-color: #ffc107
  419. }
  420. .mint-badge.is-error {
  421. background-color: #f44336
  422. }
  423. .mint-badge.is-primary {
  424. background-color: #26a2ff
  425. }
  426. .mint-badge.is-success {
  427. background-color: #4caf50
  428. }
  429. /* Cell Component */
  430. /* Header Component */
  431. /* Button Component */
  432. /* Tab Item Component */
  433. /* Tabbar Component */
  434. /* Navbar Component */
  435. /* Checklist Component */
  436. /* Radio Component */
  437. /* z-index */
  438. .mint-switch {
  439. display: -webkit-box;
  440. display: -ms-flexbox;
  441. display: flex;
  442. -webkit-box-align: center;
  443. -ms-flex-align: center;
  444. align-items: center;
  445. position: relative
  446. }
  447. .mint-switch-label {
  448. margin-left: 10px;
  449. display: inline-block
  450. }
  451. .mint-switch-label:empty {
  452. margin-left: 0
  453. }
  454. .mint-switch-core {
  455. display: inline-block;
  456. position: relative;
  457. width: 52px;
  458. height: 32px;
  459. border: 1px solid #d9d9d9;
  460. border-radius: 16px;
  461. box-sizing: border-box;
  462. background: #d9d9d9
  463. }
  464. .mint-switch-core::after, .mint-switch-core::before {
  465. content: " ";
  466. top: 0;
  467. left: 0;
  468. position: absolute;
  469. -webkit-transition: -webkit-transform .3s;
  470. transition: -webkit-transform .3s;
  471. transition: transform .3s;
  472. transition: transform .3s, -webkit-transform .3s;
  473. border-radius: 15px
  474. }
  475. .mint-switch-core::after {
  476. width: 30px;
  477. height: 30px;
  478. background-color: #fff;
  479. box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
  480. }
  481. .mint-switch-core::before {
  482. width: 50px;
  483. height: 30px;
  484. background-color: #fdfdfd
  485. }
  486. .mint-switch-input {
  487. display: none
  488. }
  489. .mint-switch-input:checked + .mint-switch-core {
  490. border-color: #26a2ff;
  491. background-color: #26a2ff
  492. }
  493. .mint-switch-input:checked + .mint-switch-core::before {
  494. -webkit-transform: scale(0);
  495. transform: scale(0)
  496. }
  497. .mint-switch-input:checked + .mint-switch-core::after {
  498. -webkit-transform: translateX(20px);
  499. transform: translateX(20px)
  500. }
  501. .mint-spinner-snake {
  502. -webkit-animation: mint-spinner-rotate 0.8s infinite linear;
  503. animation: mint-spinner-rotate 0.8s infinite linear;
  504. border: 4px solid transparent;
  505. border-radius: 50%;
  506. }
  507. @-webkit-keyframes mint-spinner-rotate {
  508. 0% {
  509. -webkit-transform: rotate(0deg);
  510. transform: rotate(0deg);
  511. }
  512. 100% {
  513. -webkit-transform: rotate(360deg);
  514. transform: rotate(360deg);
  515. }
  516. }
  517. @keyframes mint-spinner-rotate {
  518. 0% {
  519. -webkit-transform: rotate(0deg);
  520. transform: rotate(0deg);
  521. }
  522. 100% {
  523. -webkit-transform: rotate(360deg);
  524. transform: rotate(360deg);
  525. }
  526. }
  527. .mint-spinner-double-bounce {
  528. position: relative;
  529. }
  530. .mint-spinner-double-bounce-bounce1, .mint-spinner-double-bounce-bounce2 {
  531. width: 100%;
  532. height: 100%;
  533. border-radius: 50%;
  534. opacity: 0.6;
  535. position: absolute;
  536. top: 0;
  537. left: 0;
  538. -webkit-animation: mint-spinner-double-bounce 2.0s infinite ease-in-out;
  539. animation: mint-spinner-double-bounce 2.0s infinite ease-in-out;
  540. }
  541. .mint-spinner-double-bounce-bounce2 {
  542. -webkit-animation-delay: -1.0s;
  543. animation-delay: -1.0s;
  544. }
  545. @-webkit-keyframes mint-spinner-double-bounce {
  546. 0%, 100% {
  547. -webkit-transform: scale(0.0);
  548. transform: scale(0.0);
  549. }
  550. 50% {
  551. -webkit-transform: scale(1.0);
  552. transform: scale(1.0);
  553. }
  554. }
  555. @keyframes mint-spinner-double-bounce {
  556. 0%, 100% {
  557. -webkit-transform: scale(0.0);
  558. transform: scale(0.0);
  559. }
  560. 50% {
  561. -webkit-transform: scale(1.0);
  562. transform: scale(1.0);
  563. }
  564. }
  565. .mint-spinner-triple-bounce {}
  566. .mint-spinner-triple-bounce-bounce1, .mint-spinner-triple-bounce-bounce2, .mint-spinner-triple-bounce-bounce3 {
  567. border-radius: 100%;
  568. display: inline-block;
  569. -webkit-animation: mint-spinner-triple-bounce 1.4s infinite ease-in-out both;
  570. animation: mint-spinner-triple-bounce 1.4s infinite ease-in-out both;
  571. }
  572. .mint-spinner-triple-bounce-bounce1 {
  573. -webkit-animation-delay: -0.32s;
  574. animation-delay: -0.32s;
  575. }
  576. .mint-spinner-triple-bounce-bounce2 {
  577. -webkit-animation-delay: -0.16s;
  578. animation-delay: -0.16s;
  579. }
  580. @-webkit-keyframes mint-spinner-triple-bounce {
  581. 0%, 80%, 100% {
  582. -webkit-transform: scale(0);
  583. transform: scale(0);
  584. }
  585. 40% {
  586. -webkit-transform: scale(1.0);
  587. transform: scale(1.0);
  588. }
  589. }
  590. @keyframes mint-spinner-triple-bounce {
  591. 0%, 80%, 100% {
  592. -webkit-transform: scale(0);
  593. transform: scale(0);
  594. }
  595. 40% {
  596. -webkit-transform: scale(1.0);
  597. transform: scale(1.0);
  598. }
  599. }
  600. .mint-spinner-fading-circle {
  601. position: relative
  602. }
  603. .mint-spinner-fading-circle-circle {
  604. width: 100%;
  605. height: 100%;
  606. top: 0;
  607. left: 0;
  608. position: absolute
  609. }
  610. .mint-spinner-fading-circle-circle::before {
  611. content: " ";
  612. display: block;
  613. margin: 0 auto;
  614. width: 15%;
  615. height: 15%;
  616. border-radius: 100%;
  617. -webkit-animation: mint-fading-circle 1.2s infinite ease-in-out both;
  618. animation: mint-fading-circle 1.2s infinite ease-in-out both
  619. }
  620. .mint-spinner-fading-circle-circle.is-circle2 {
  621. -webkit-transform: rotate(30deg);
  622. transform: rotate(30deg)
  623. }
  624. .mint-spinner-fading-circle-circle.is-circle2::before {
  625. -webkit-animation-delay: -1.1s;
  626. animation-delay: -1.1s
  627. }
  628. .mint-spinner-fading-circle-circle.is-circle3 {
  629. -webkit-transform: rotate(60deg);
  630. transform: rotate(60deg)
  631. }
  632. .mint-spinner-fading-circle-circle.is-circle3::before {
  633. -webkit-animation-delay: -1s;
  634. animation-delay: -1s
  635. }
  636. .mint-spinner-fading-circle-circle.is-circle4 {
  637. -webkit-transform: rotate(90deg);
  638. transform: rotate(90deg)
  639. }
  640. .mint-spinner-fading-circle-circle.is-circle4::before {
  641. -webkit-animation-delay: -0.9s;
  642. animation-delay: -0.9s
  643. }
  644. .mint-spinner-fading-circle-circle.is-circle5 {
  645. -webkit-transform: rotate(120deg);
  646. transform: rotate(120deg)
  647. }
  648. .mint-spinner-fading-circle-circle.is-circle5::before {
  649. -webkit-animation-delay: -0.8s;
  650. animation-delay: -0.8s
  651. }
  652. .mint-spinner-fading-circle-circle.is-circle6 {
  653. -webkit-transform: rotate(150deg);
  654. transform: rotate(150deg)
  655. }
  656. .mint-spinner-fading-circle-circle.is-circle6::before {
  657. -webkit-animation-delay: -0.7s;
  658. animation-delay: -0.7s
  659. }
  660. .mint-spinner-fading-circle-circle.is-circle7 {
  661. -webkit-transform: rotate(180deg);
  662. transform: rotate(180deg)
  663. }
  664. .mint-spinner-fading-circle-circle.is-circle7::before {
  665. -webkit-animation-delay: -0.6s;
  666. animation-delay: -0.6s
  667. }
  668. .mint-spinner-fading-circle-circle.is-circle8 {
  669. -webkit-transform: rotate(210deg);
  670. transform: rotate(210deg)
  671. }
  672. .mint-spinner-fading-circle-circle.is-circle8::before {
  673. -webkit-animation-delay: -0.5s;
  674. animation-delay: -0.5s
  675. }
  676. .mint-spinner-fading-circle-circle.is-circle9 {
  677. -webkit-transform: rotate(240deg);
  678. transform: rotate(240deg)
  679. }
  680. .mint-spinner-fading-circle-circle.is-circle9::before {
  681. -webkit-animation-delay: -0.4s;
  682. animation-delay: -0.4s
  683. }
  684. .mint-spinner-fading-circle-circle.is-circle10 {
  685. -webkit-transform: rotate(270deg);
  686. transform: rotate(270deg)
  687. }
  688. .mint-spinner-fading-circle-circle.is-circle10::before {
  689. -webkit-animation-delay: -0.3s;
  690. animation-delay: -0.3s
  691. }
  692. .mint-spinner-fading-circle-circle.is-circle11 {
  693. -webkit-transform: rotate(300deg);
  694. transform: rotate(300deg)
  695. }
  696. .mint-spinner-fading-circle-circle.is-circle11::before {
  697. -webkit-animation-delay: -0.2s;
  698. animation-delay: -0.2s
  699. }
  700. .mint-spinner-fading-circle-circle.is-circle12 {
  701. -webkit-transform: rotate(330deg);
  702. transform: rotate(330deg)
  703. }
  704. .mint-spinner-fading-circle-circle.is-circle12::before {
  705. -webkit-animation-delay: -0.1s;
  706. animation-delay: -0.1s
  707. }
  708. @-webkit-keyframes mint-fading-circle {
  709. 0%, 39%, 100% {
  710. opacity: 0
  711. }
  712. 40% {
  713. opacity: 1
  714. }
  715. }
  716. @keyframes mint-fading-circle {
  717. 0%, 39%, 100% {
  718. opacity: 0
  719. }
  720. 40% {
  721. opacity: 1
  722. }
  723. }
  724. /* Cell Component */
  725. /* Header Component */
  726. /* Button Component */
  727. /* Tab Item Component */
  728. /* Tabbar Component */
  729. /* Navbar Component */
  730. /* Checklist Component */
  731. /* Radio Component */
  732. /* z-index */
  733. .mint-tab-item {
  734. display: block;
  735. padding: 7px 0;
  736. -webkit-box-flex: 1;
  737. -ms-flex: 1;
  738. flex: 1;
  739. text-decoration: none
  740. }
  741. .mint-tab-item-icon {
  742. width: 24px;
  743. height: 24px;
  744. margin: 0 auto 5px
  745. }
  746. .mint-tab-item-icon:empty {
  747. display: none
  748. }
  749. .mint-tab-item-icon > * {
  750. display: block;
  751. width: 100%;
  752. height: 100%
  753. }
  754. .mint-tab-item-label {
  755. color: inherit;
  756. font-size: 12px;
  757. line-height: 1
  758. }
  759. .mint-tab-container-item {
  760. -ms-flex-negative: 0;
  761. flex-shrink: 0;
  762. width: 100%
  763. }
  764. .mint-tab-container {
  765. overflow: hidden;
  766. position: relative;
  767. }
  768. .mint-tab-container .swipe-transition {
  769. -webkit-transition: -webkit-transform 150ms ease-in-out;
  770. transition: -webkit-transform 150ms ease-in-out;
  771. transition: transform 150ms ease-in-out;
  772. transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
  773. }
  774. .mint-tab-container-wrap {
  775. display: -webkit-box;
  776. display: -ms-flexbox;
  777. display: flex;
  778. }
  779. /* Cell Component */
  780. /* Header Component */
  781. /* Button Component */
  782. /* Tab Item Component */
  783. /* Tabbar Component */
  784. /* Navbar Component */
  785. /* Checklist Component */
  786. /* Radio Component */
  787. /* z-index */
  788. .mint-navbar {
  789. background-color: #fff;
  790. display: -webkit-box;
  791. display: -ms-flexbox;
  792. display: flex;
  793. text-align: center;
  794. }
  795. .mint-navbar .mint-tab-item {
  796. padding: 17px 0;
  797. font-size: 15px
  798. }
  799. .mint-navbar .mint-tab-item:last-child {
  800. border-right: 0;
  801. }
  802. .mint-navbar .mint-tab-item.is-selected {
  803. border-bottom: 3px solid #26a2ff;
  804. color: #26a2ff;
  805. margin-bottom: -3px;
  806. }
  807. .mint-navbar.is-fixed {
  808. top: 0;
  809. right: 0;
  810. left: 0;
  811. position: fixed;
  812. z-index: 1;
  813. }
  814. /* Cell Component */
  815. /* Header Component */
  816. /* Button Component */
  817. /* Tab Item Component */
  818. /* Tabbar Component */
  819. /* Navbar Component */
  820. /* Checklist Component */
  821. /* Radio Component */
  822. /* z-index */
  823. .mint-tabbar {
  824. background-image: -webkit-linear-gradient(top, #d9d9d9, #d9d9d9 50%, transparent 50%);
  825. background-image: linear-gradient(180deg, #d9d9d9, #d9d9d9 50%, transparent 50%);
  826. background-size: 100% 1px;
  827. background-repeat: no-repeat;
  828. background-position: top left;
  829. position: relative;
  830. background-color: #fafafa;
  831. display: -webkit-box;
  832. display: -ms-flexbox;
  833. display: flex;
  834. right: 0;
  835. bottom: 0;
  836. left: 0;
  837. position: absolute;
  838. text-align: center;
  839. }
  840. .mint-tabbar > .mint-tab-item.is-selected {
  841. background-color: #eaeaea;
  842. color: #26a2ff;
  843. }
  844. .mint-tabbar.is-fixed {
  845. right: 0;
  846. bottom: 0;
  847. left: 0;
  848. position: fixed;
  849. z-index: 1;
  850. }
  851. /* Cell Component */
  852. /* Header Component */
  853. /* Button Component */
  854. /* Tab Item Component */
  855. /* Tabbar Component */
  856. /* Navbar Component */
  857. /* Checklist Component */
  858. /* Radio Component */
  859. /* z-index */
  860. .mint-search {
  861. height: 100%;
  862. height: 100vh;
  863. overflow: hidden;
  864. }
  865. .mint-searchbar {
  866. position: relative;
  867. -webkit-box-align: center;
  868. -ms-flex-align: center;
  869. align-items: center;
  870. background-color: #d9d9d9;
  871. box-sizing: border-box;
  872. display: -webkit-box;
  873. display: -ms-flexbox;
  874. display: flex;
  875. padding: 8px 10px;
  876. z-index: 1;
  877. }
  878. .mint-searchbar-inner {
  879. -webkit-box-align: center;
  880. -ms-flex-align: center;
  881. align-items: center;
  882. background-color: #fff;
  883. border-radius: 2px;
  884. display: -webkit-box;
  885. display: -ms-flexbox;
  886. display: flex;
  887. -webkit-box-flex: 1;
  888. -ms-flex: 1;
  889. flex: 1;
  890. height: 28px;
  891. padding: 4px 6px;
  892. }
  893. .mint-searchbar-inner .mintui-search {
  894. font-size: 12px;
  895. color: #d9d9d9;
  896. }
  897. .mint-searchbar-core {
  898. -webkit-appearance: none;
  899. -moz-appearance: none;
  900. appearance: none;
  901. border: 0;
  902. box-sizing: border-box;
  903. height: 100%;
  904. outline: 0;
  905. }
  906. .mint-searchbar-placeholder {
  907. -webkit-box-align: center;
  908. -ms-flex-align: center;
  909. align-items: center;
  910. color: #9b9b9b;
  911. display: -webkit-box;
  912. display: -ms-flexbox;
  913. display: flex;
  914. font-size: 12px;
  915. -webkit-box-pack: center;
  916. -ms-flex-pack: center;
  917. justify-content: center;
  918. top: 0;
  919. right: 0;
  920. bottom: 0;
  921. left: 0;
  922. position: absolute;
  923. }
  924. .mint-searchbar-placeholder .mintui-search {
  925. font-size: 12px;
  926. }
  927. .mint-searchbar-cancel {
  928. color: #26a2ff;
  929. margin-left: 10px;
  930. text-decoration: none;
  931. }
  932. .mint-search-list {
  933. overflow: auto;
  934. padding-top: 44px;
  935. top: 0;
  936. right: 0;
  937. bottom: 0;
  938. left: 0;
  939. position: absolute;
  940. }
  941. /* Cell Component */
  942. /* Header Component */
  943. /* Button Component */
  944. /* Tab Item Component */
  945. /* Tabbar Component */
  946. /* Navbar Component */
  947. /* Checklist Component */
  948. /* Radio Component */
  949. /* z-index */
  950. .mint-checklist .mint-cell {
  951. padding: 0;
  952. }
  953. .mint-checklist.is-limit .mint-checkbox-core:not(:checked) {
  954. background-color: #d9d9d9;
  955. border-color: #d9d9d9;
  956. }
  957. .mint-checklist-label {
  958. display: block;
  959. padding: 0 10px;
  960. }
  961. .mint-checklist-title {
  962. color: #888;
  963. display: block;
  964. font-size: 12px;
  965. margin: 8px;
  966. }
  967. .mint-checkbox {}
  968. .mint-checkbox.is-right {
  969. float: right;
  970. }
  971. .mint-checkbox-label {
  972. vertical-align: middle;
  973. margin-left: 6px;
  974. }
  975. .mint-checkbox-input {
  976. display: none;
  977. }
  978. .mint-checkbox-input:checked + .mint-checkbox-core {
  979. background-color: #26a2ff;
  980. border-color: #26a2ff;
  981. }
  982. .mint-checkbox-input:checked + .mint-checkbox-core::after {
  983. border-color: #fff;
  984. -webkit-transform: rotate(45deg) scale(1);
  985. transform: rotate(45deg) scale(1);
  986. }
  987. .mint-checkbox-input[disabled] + .mint-checkbox-core {
  988. background-color: #d9d9d9;
  989. border-color: #ccc;
  990. }
  991. .mint-checkbox-core {
  992. display: inline-block;
  993. background-color: #fff;
  994. border-radius: 100%;
  995. border: 1px solid #ccc;
  996. position: relative;
  997. width: 20px;
  998. height: 20px;
  999. vertical-align: middle;
  1000. }
  1001. .mint-checkbox-core::after {
  1002. border: 2px solid transparent;
  1003. border-left: 0;
  1004. border-top: 0;
  1005. content: " ";
  1006. top: 3px;
  1007. left: 6px;
  1008. position: absolute;
  1009. width: 4px;
  1010. height: 8px;
  1011. -webkit-transform: rotate(45deg) scale(0);
  1012. transform: rotate(45deg) scale(0);
  1013. -webkit-transition: -webkit-transform .2s;
  1014. transition: -webkit-transform .2s;
  1015. transition: transform .2s;
  1016. transition: transform .2s, -webkit-transform .2s;
  1017. }
  1018. /* Cell Component */
  1019. /* Header Component */
  1020. /* Button Component */
  1021. /* Tab Item Component */
  1022. /* Tabbar Component */
  1023. /* Navbar Component */
  1024. /* Checklist Component */
  1025. /* Radio Component */
  1026. /* z-index */
  1027. .mint-radiolist .mint-cell {
  1028. padding: 0;
  1029. }
  1030. .mint-radiolist-label {
  1031. display: block;
  1032. padding: 0 10px;
  1033. }
  1034. .mint-radiolist-title {
  1035. font-size: 12px;
  1036. margin: 8px;
  1037. display: block;
  1038. color: #888;
  1039. }
  1040. .mint-radio {}
  1041. .mint-radio.is-right {
  1042. float: right;
  1043. }
  1044. .mint-radio-label {
  1045. vertical-align: middle;
  1046. margin-left: 6px;
  1047. }
  1048. .mint-radio-input {
  1049. display: none;
  1050. }
  1051. .mint-radio-input:checked + .mint-radio-core {
  1052. background-color: #26a2ff;
  1053. border-color: #26a2ff;
  1054. }
  1055. .mint-radio-input:checked + .mint-radio-core::after {
  1056. background-color: #fff;
  1057. -webkit-transform: scale(1);
  1058. transform: scale(1);
  1059. }
  1060. .mint-radio-input[disabled] + .mint-radio-core {
  1061. background-color: #d9d9d9;
  1062. border-color: #ccc;
  1063. }
  1064. .mint-radio-core {
  1065. display: inline-block;
  1066. background-color: #fff;
  1067. border-radius: 100%;
  1068. border: 1px solid #ccc;
  1069. position: relative;
  1070. width: 20px;
  1071. height: 20px;
  1072. vertical-align: middle;
  1073. }
  1074. .mint-radio-core::after {
  1075. content: " ";
  1076. border-radius: 100%;
  1077. top: 5px;
  1078. left: 5px;
  1079. position: absolute;
  1080. width: 8px;
  1081. height: 8px;
  1082. -webkit-transition: -webkit-transform .2s;
  1083. transition: -webkit-transform .2s;
  1084. transition: transform .2s;
  1085. transition: transform .2s, -webkit-transform .2s;
  1086. -webkit-transform: scale(0);
  1087. transform: scale(0);
  1088. }
  1089. .mint-loadmore {
  1090. overflow: hidden
  1091. }
  1092. .mint-loadmore-content {}
  1093. .mint-loadmore-content.is-dropped {
  1094. -webkit-transition: .2s;
  1095. transition: .2s
  1096. }
  1097. .mint-loadmore-top, .mint-loadmore-bottom {
  1098. text-align: center;
  1099. height: 50px;
  1100. line-height: 50px
  1101. }
  1102. .mint-loadmore-top {
  1103. margin-top: -50px
  1104. }
  1105. .mint-loadmore-bottom {
  1106. margin-bottom: -50px
  1107. }
  1108. .mint-loadmore-spinner {
  1109. display: inline-block;
  1110. margin-right: 5px;
  1111. vertical-align: middle
  1112. }
  1113. .mint-loadmore-text {
  1114. vertical-align: middle
  1115. }
  1116. .mint-actionsheet {
  1117. position: fixed;
  1118. background: #e0e0e0;
  1119. width: 100%;
  1120. text-align: center;
  1121. bottom: 0;
  1122. left: 50%;
  1123. -webkit-transform: translate3d(-50%, 0, 0);
  1124. transform: translate3d(-50%, 0, 0);
  1125. -webkit-backface-visibility: hidden;
  1126. backface-visibility: hidden;
  1127. -webkit-transition: -webkit-transform .3s ease-out;
  1128. transition: -webkit-transform .3s ease-out;
  1129. transition: transform .3s ease-out;
  1130. transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  1131. }
  1132. .mint-actionsheet-list {
  1133. list-style: none;
  1134. padding: 0;
  1135. margin: 0;
  1136. }
  1137. .mint-actionsheet-listitem {
  1138. border-bottom: solid 1px #e0e0e0;
  1139. }
  1140. .mint-actionsheet-listitem, .mint-actionsheet-button {
  1141. display: block;
  1142. width: 100%;
  1143. height: 45px;
  1144. line-height: 45px;
  1145. font-size: 18px;
  1146. color: #333;
  1147. background-color: #fff;
  1148. }
  1149. .mint-actionsheet-listitem:active, .mint-actionsheet-button:active {
  1150. background-color: #f0f0f0;
  1151. }
  1152. .actionsheet-float-enter, .actionsheet-float-leave-active {
  1153. -webkit-transform: translate3d(-50%, 100%, 0);
  1154. transform: translate3d(-50%, 100%, 0);
  1155. }
  1156. .v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{to{opacity:0}}@keyframes v-modal-out{to{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}
  1157. .mint-popup {
  1158. position: fixed;
  1159. background: #fff;
  1160. top: 50%;
  1161. left: 50%;
  1162. -webkit-transform: translate3d(-50%, -50%, 0);
  1163. transform: translate3d(-50%, -50%, 0);
  1164. -webkit-backface-visibility: hidden;
  1165. backface-visibility: hidden;
  1166. -webkit-transition: .2s ease-out;
  1167. transition: .2s ease-out;
  1168. }
  1169. .mint-popup-top {
  1170. top: 0;
  1171. right: auto;
  1172. bottom: auto;
  1173. left: 50%;
  1174. -webkit-transform: translate3d(-50%, 0, 0);
  1175. transform: translate3d(-50%, 0, 0);
  1176. }
  1177. .mint-popup-right {
  1178. top: 50%;
  1179. right: 0;
  1180. bottom: auto;
  1181. left: auto;
  1182. -webkit-transform: translate3d(0, -50%, 0);
  1183. transform: translate3d(0, -50%, 0);
  1184. }
  1185. .mint-popup-bottom {
  1186. top: auto;
  1187. right: auto;
  1188. bottom: 0;
  1189. left: 50%;
  1190. -webkit-transform: translate3d(-50%, 0, 0);
  1191. transform: translate3d(-50%, 0, 0);
  1192. }
  1193. .mint-popup-left {
  1194. top: 50%;
  1195. right: auto;
  1196. bottom: auto;
  1197. left: 0;
  1198. -webkit-transform: translate3d(0, -50%, 0);
  1199. transform: translate3d(0, -50%, 0);
  1200. }
  1201. .popup-slide-top-enter, .popup-slide-top-leave-active {
  1202. -webkit-transform: translate3d(-50%, -100%, 0);
  1203. transform: translate3d(-50%, -100%, 0);
  1204. }
  1205. .popup-slide-right-enter, .popup-slide-right-leave-active {
  1206. -webkit-transform: translate3d(100%, -50%, 0);
  1207. transform: translate3d(100%, -50%, 0);
  1208. }
  1209. .popup-slide-bottom-enter, .popup-slide-bottom-leave-active {
  1210. -webkit-transform: translate3d(-50%, 100%, 0);
  1211. transform: translate3d(-50%, 100%, 0);
  1212. }
  1213. .popup-slide-left-enter, .popup-slide-left-leave-active {
  1214. -webkit-transform: translate3d(-100%, -50%, 0);
  1215. transform: translate3d(-100%, -50%, 0);
  1216. }
  1217. .popup-fade-enter, .popup-fade-leave-active {
  1218. opacity: 0;
  1219. }
  1220. .mint-swipe {
  1221. overflow: hidden;
  1222. position: relative;
  1223. height: 100%;
  1224. }
  1225. .mint-swipe-items-wrap {
  1226. position: relative;
  1227. overflow: hidden;
  1228. height: 100%;
  1229. }
  1230. .mint-swipe-items-wrap > div {
  1231. position: absolute;
  1232. -webkit-transform: translateX(-100%);
  1233. transform: translateX(-100%);
  1234. width: 100%;
  1235. height: 100%;
  1236. display: none
  1237. }
  1238. .mint-swipe-items-wrap > div.is-active {
  1239. display: block;
  1240. -webkit-transform: none;
  1241. transform: none;
  1242. }
  1243. .mint-swipe-indicators {
  1244. position: absolute;
  1245. bottom: 10px;
  1246. left: 50%;
  1247. -webkit-transform: translateX(-50%);
  1248. transform: translateX(-50%);
  1249. }
  1250. .mint-swipe-indicator {
  1251. width: 8px;
  1252. height: 8px;
  1253. display: inline-block;
  1254. border-radius: 100%;
  1255. background: #000;
  1256. opacity: 0.2;
  1257. margin: 0 3px;
  1258. }
  1259. .mint-swipe-indicator.is-active {
  1260. background: #fff;
  1261. }
  1262. .mt-range {
  1263. position: relative;
  1264. display: -webkit-box;
  1265. display: -ms-flexbox;
  1266. display: flex;
  1267. height: 30px;
  1268. line-height: 30px
  1269. }
  1270. .mt-range > * {
  1271. display: -ms-flexbox;
  1272. display: flex;
  1273. display: -webkit-box
  1274. }
  1275. .mt-range *[slot=start] {
  1276. margin-right: 5px
  1277. }
  1278. .mt-range *[slot=end] {
  1279. margin-left: 5px
  1280. }
  1281. .mt-range-content {
  1282. position: relative;
  1283. -webkit-box-flex: 1;
  1284. -ms-flex: 1;
  1285. flex: 1;
  1286. margin-right: 30px
  1287. }
  1288. .mt-range-runway {
  1289. position: absolute;
  1290. top: 50%;
  1291. -webkit-transform: translateY(-50%);
  1292. transform: translateY(-50%);
  1293. left: 0;
  1294. right: -30px;
  1295. border-top-color: #a9acb1;
  1296. border-top-style: solid
  1297. }
  1298. .mt-range-thumb {
  1299. background-color: #fff;
  1300. position: absolute;
  1301. left: 0;
  1302. top: 0;
  1303. width: 30px;
  1304. height: 30px;
  1305. border-radius: 100%;
  1306. cursor: move;
  1307. box-shadow: 0 1px 3px rgba(0,0,0,.4)
  1308. }
  1309. .mt-range-progress {
  1310. position: absolute;
  1311. display: block;
  1312. background-color: #26a2ff;
  1313. top: 50%;
  1314. -webkit-transform: translateY(-50%);
  1315. transform: translateY(-50%);
  1316. width: 0
  1317. }
  1318. .mt-range--disabled {
  1319. opacity: 0.5
  1320. }
  1321. .picker {
  1322. overflow: hidden;
  1323. }
  1324. .picker-toolbar {
  1325. height: 40px;
  1326. }
  1327. .picker-items {
  1328. display: -webkit-box;
  1329. display: -ms-flexbox;
  1330. display: flex;
  1331. -webkit-box-pack: center;
  1332. -ms-flex-pack: center;
  1333. justify-content: center;
  1334. padding: 0;
  1335. text-align: right;
  1336. font-size: 24px;
  1337. position: relative;
  1338. }
  1339. .picker-center-highlight {
  1340. height: 36px;
  1341. box-sizing: border-box;
  1342. position: absolute;
  1343. left: 0;
  1344. width: 100%;
  1345. top: 50%;
  1346. margin-top: -18px;
  1347. pointer-events: none
  1348. }
  1349. .picker-center-highlight:before, .picker-center-highlight:after {
  1350. content: '';
  1351. position: absolute;
  1352. height: 1px;
  1353. width: 100%;
  1354. background-color: #eaeaea;
  1355. display: block;
  1356. z-index: 15;
  1357. -webkit-transform: scaleY(0.5);
  1358. transform: scaleY(0.5);
  1359. }
  1360. .picker-center-highlight:before {
  1361. left: 0;
  1362. top: 0;
  1363. bottom: auto;
  1364. right: auto;
  1365. }
  1366. .picker-center-highlight:after {
  1367. left: 0;
  1368. bottom: 0;
  1369. right: auto;
  1370. top: auto;
  1371. }
  1372. .picker-slot {
  1373. font-size: 18px;
  1374. overflow: hidden;
  1375. position: relative;
  1376. max-height: 100%
  1377. }
  1378. .picker-slot.picker-slot-left {
  1379. text-align: left;
  1380. }
  1381. .picker-slot.picker-slot-center {
  1382. text-align: center;
  1383. }
  1384. .picker-slot.picker-slot-right {
  1385. text-align: right;
  1386. }
  1387. .picker-slot.picker-slot-divider {
  1388. color: #000;
  1389. display: -webkit-box;
  1390. display: -ms-flexbox;
  1391. display: flex;
  1392. -webkit-box-align: center;
  1393. -ms-flex-align: center;
  1394. align-items: center
  1395. }
  1396. .picker-slot-wrapper {
  1397. -webkit-transition-duration: 0.3s;
  1398. transition-duration: 0.3s;
  1399. -webkit-transition-timing-function: ease-out;
  1400. transition-timing-function: ease-out;
  1401. -webkit-backface-visibility: hidden;
  1402. backface-visibility: hidden;
  1403. }
  1404. .picker-slot-wrapper.dragging, .picker-slot-wrapper.dragging .picker-item {
  1405. -webkit-transition-duration: 0s;
  1406. transition-duration: 0s;
  1407. }
  1408. .picker-item {
  1409. height: 36px;
  1410. line-height: 36px;
  1411. padding: 0 10px;
  1412. white-space: nowrap;
  1413. position: relative;
  1414. overflow: hidden;
  1415. text-overflow: ellipsis;
  1416. color: #707274;
  1417. left: 0;
  1418. top: 0;
  1419. width: 100%;
  1420. box-sizing: border-box;
  1421. -webkit-transition-duration: .3s;
  1422. transition-duration: .3s;
  1423. -webkit-backface-visibility: hidden;
  1424. backface-visibility: hidden;
  1425. }
  1426. .picker-slot-absolute .picker-item {
  1427. position: absolute;
  1428. }
  1429. .picker-item.picker-item-far {
  1430. pointer-events: none
  1431. }
  1432. .picker-item.picker-selected {
  1433. color: #000;
  1434. -webkit-transform: translate3d(0, 0, 0) rotateX(0);
  1435. transform: translate3d(0, 0, 0) rotateX(0);
  1436. }
  1437. .picker-3d .picker-items {
  1438. overflow: hidden;
  1439. -webkit-perspective: 700px;
  1440. perspective: 700px;
  1441. }
  1442. .picker-3d .picker-item, .picker-3d .picker-slot, .picker-3d .picker-slot-wrapper {
  1443. -webkit-transform-style: preserve-3d;
  1444. transform-style: preserve-3d
  1445. }
  1446. .picker-3d .picker-slot {
  1447. overflow: visible
  1448. }
  1449. .picker-3d .picker-item {
  1450. -webkit-transform-origin: center center;
  1451. transform-origin: center center;
  1452. -webkit-backface-visibility: hidden;
  1453. backface-visibility: hidden;
  1454. -webkit-transition-timing-function: ease-out;
  1455. transition-timing-function: ease-out
  1456. }
  1457. .mt-progress {
  1458. position: relative;
  1459. display: -webkit-box;
  1460. display: -ms-flexbox;
  1461. display: flex;
  1462. height: 30px;
  1463. line-height: 30px
  1464. }
  1465. .mt-progress > * {
  1466. display: -ms-flexbox;
  1467. display: flex;
  1468. display: -webkit-box
  1469. }
  1470. .mt-progress *[slot="start"] {
  1471. margin-right: 5px
  1472. }
  1473. .mt-progress *[slot="end"] {
  1474. margin-left: 5px
  1475. }
  1476. .mt-progress-content {
  1477. position: relative;
  1478. -webkit-box-flex: 1;
  1479. -ms-flex: 1;
  1480. flex: 1
  1481. }
  1482. .mt-progress-runway {
  1483. position: absolute;
  1484. -webkit-transform: translate(0, -50%);
  1485. transform: translate(0, -50%);
  1486. top: 50%;
  1487. left: 0;
  1488. right: 0;
  1489. background-color: #ebebeb;
  1490. height: 3px
  1491. }
  1492. .mt-progress-progress {
  1493. position: absolute;
  1494. display: block;
  1495. background-color: #26a2ff;
  1496. top: 50%;
  1497. -webkit-transform: translate(0, -50%);
  1498. transform: translate(0, -50%);
  1499. width: 0
  1500. }
  1501. .mint-toast {
  1502. position: fixed;
  1503. max-width: 80%;
  1504. border-radius: 5px;
  1505. background: rgba(0, 0, 0, 0.7);
  1506. color: #fff;
  1507. box-sizing: border-box;
  1508. text-align: center;
  1509. z-index: 1000;
  1510. -webkit-transition: opacity .3s linear;
  1511. transition: opacity .3s linear
  1512. }
  1513. .mint-toast.is-placebottom {
  1514. bottom: 50px;
  1515. left: 50%;
  1516. -webkit-transform: translate(-50%, 0);
  1517. transform: translate(-50%, 0)
  1518. }
  1519. .mint-toast.is-placemiddle {
  1520. left: 50%;
  1521. top: 50%;
  1522. -webkit-transform: translate(-50%, -50%);
  1523. transform: translate(-50%, -50%)
  1524. }
  1525. .mint-toast.is-placetop {
  1526. top: 50px;
  1527. left: 50%;
  1528. -webkit-transform: translate(-50%, 0);
  1529. transform: translate(-50%, 0)
  1530. }
  1531. .mint-toast-icon {
  1532. display: block;
  1533. text-align: center;
  1534. font-size: 56px
  1535. }
  1536. .mint-toast-text {
  1537. font-size: 14px;
  1538. display: block;
  1539. text-align: center
  1540. }
  1541. .mint-toast-pop-enter, .mint-toast-pop-leave-active {
  1542. opacity: 0
  1543. }
  1544. .mint-indicator {
  1545. -webkit-transition: opacity .2s linear;
  1546. transition: opacity .2s linear;
  1547. }
  1548. .mint-indicator-wrapper {
  1549. top: 50%;
  1550. left: 50%;
  1551. position: fixed;
  1552. -webkit-transform: translate(-50%, -50%);
  1553. transform: translate(-50%, -50%);
  1554. border-radius: 5px;
  1555. background: rgba(0, 0, 0, 0.7);
  1556. color: white;
  1557. box-sizing: border-box;
  1558. text-align: center;
  1559. }
  1560. .mint-indicator-text {
  1561. display: block;
  1562. color: #fff;
  1563. text-align: center;
  1564. margin-top: 10px;
  1565. font-size: 16px;
  1566. }
  1567. .mint-indicator-spin {
  1568. display: inline-block;
  1569. text-align: center;
  1570. }
  1571. .mint-indicator-mask {
  1572. top: 0;
  1573. left: 0;
  1574. position: fixed;
  1575. width: 100%;
  1576. height: 100%;
  1577. opacity: 0;
  1578. background: transparent;
  1579. }
  1580. .mint-indicator-enter, .mint-indicator-leave-active {
  1581. opacity: 0;
  1582. }
  1583. .mint-msgbox {
  1584. position: fixed;
  1585. top: 50%;
  1586. left: 50%;
  1587. -webkit-transform: translate3d(-50%, -50%, 0);
  1588. transform: translate3d(-50%, -50%, 0);
  1589. background-color: #fff;
  1590. width: 85%;
  1591. border-radius: 3px;
  1592. font-size: 16px;
  1593. -webkit-user-select: none;
  1594. overflow: hidden;
  1595. -webkit-backface-visibility: hidden;
  1596. backface-visibility: hidden;
  1597. -webkit-transition: .2s;
  1598. transition: .2s;
  1599. }
  1600. .mint-msgbox-header {
  1601. padding: 15px 0 0;
  1602. }
  1603. .mint-msgbox-content {
  1604. padding: 10px 20px 15px;
  1605. border-bottom: 1px solid #ddd;
  1606. min-height: 36px;
  1607. position: relative;
  1608. }
  1609. .mint-msgbox-input {
  1610. padding-top: 15px;
  1611. }
  1612. .mint-msgbox-input input {
  1613. border: 1px solid #dedede;
  1614. border-radius: 5px;
  1615. padding: 4px 5px;
  1616. width: 100%;
  1617. -webkit-appearance: none;
  1618. -moz-appearance: none;
  1619. appearance: none;
  1620. outline: none;
  1621. }
  1622. .mint-msgbox-input input.invalid {
  1623. border-color: #ff4949;
  1624. }
  1625. .mint-msgbox-input input.invalid:focus {
  1626. border-color: #ff4949;
  1627. }
  1628. .mint-msgbox-errormsg {
  1629. color: red;
  1630. font-size: 12px;
  1631. min-height: 18px;
  1632. margin-top: 2px;
  1633. }
  1634. .mint-msgbox-title {
  1635. text-align: center;
  1636. padding-left: 0;
  1637. margin-bottom: 0;
  1638. font-size: 16px;
  1639. font-weight: 700;
  1640. color: #333;
  1641. }
  1642. .mint-msgbox-message {
  1643. color: #999;
  1644. margin: 0;
  1645. text-align: center;
  1646. line-height: 36px;
  1647. }
  1648. .mint-msgbox-btns {
  1649. display: -webkit-box;
  1650. display: -ms-flexbox;
  1651. display: flex;
  1652. height: 40px;
  1653. line-height: 40px;
  1654. }
  1655. .mint-msgbox-btn {
  1656. line-height: 35px;
  1657. display: block;
  1658. background-color: #fff;
  1659. -webkit-box-flex: 1;
  1660. -ms-flex: 1;
  1661. flex: 1;
  1662. margin: 0;
  1663. border: 0;
  1664. }
  1665. .mint-msgbox-btn:focus {
  1666. outline: none;
  1667. }
  1668. .mint-msgbox-btn:active {
  1669. background-color: #fff;
  1670. }
  1671. .mint-msgbox-cancel {
  1672. width: 50%;
  1673. border-right: 1px solid #ddd;
  1674. }
  1675. .mint-msgbox-cancel:active {
  1676. color: #000;
  1677. }
  1678. .mint-msgbox-confirm {
  1679. color: #26a2ff;
  1680. width: 50%;
  1681. }
  1682. .mint-msgbox-confirm:active {
  1683. color: #26a2ff;
  1684. }
  1685. .msgbox-bounce-enter {
  1686. opacity: 0;
  1687. -webkit-transform: translate3d(-50%, -50%, 0) scale(0.7);
  1688. transform: translate3d(-50%, -50%, 0) scale(0.7);
  1689. }
  1690. .msgbox-bounce-leave-active {
  1691. opacity: 0;
  1692. -webkit-transform: translate3d(-50%, -50%, 0) scale(0.9);
  1693. transform: translate3d(-50%, -50%, 0) scale(0.9);
  1694. }
  1695. .v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease
  1696. }
  1697. .v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards
  1698. }
  1699. @-webkit-keyframes v-modal-in{
  1700. 0%{opacity:0
  1701. }
  1702. }
  1703. @keyframes v-modal-in{
  1704. 0%{opacity:0
  1705. }
  1706. }
  1707. @-webkit-keyframes v-modal-out{
  1708. to{opacity:0
  1709. }
  1710. }
  1711. @keyframes v-modal-out{
  1712. to{opacity:0
  1713. }
  1714. }
  1715. .v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000
  1716. }/* Cell Component */
  1717. /* Header Component */
  1718. /* Button Component */
  1719. /* Tab Item Component */
  1720. /* Tabbar Component */
  1721. /* Navbar Component */
  1722. /* Checklist Component */
  1723. /* Radio Component */
  1724. /* z-index */
  1725. .mint-datetime {
  1726. width: 100%;
  1727. }
  1728. .mint-datetime .picker-slot-wrapper, .mint-datetime .picker-item {
  1729. -webkit-backface-visibility: hidden;
  1730. backface-visibility: hidden;
  1731. }
  1732. .mint-datetime .picker-toolbar {
  1733. border-bottom: solid 1px #eaeaea;
  1734. }
  1735. .mint-datetime-action {
  1736. display: inline-block;
  1737. width: 50%;
  1738. text-align: center;
  1739. line-height: 40px;
  1740. font-size: 16px;
  1741. color: #26a2ff;
  1742. }
  1743. .mint-datetime-cancel {
  1744. float: left;
  1745. }
  1746. .mint-datetime-confirm {
  1747. float: right;
  1748. }
  1749. /* Cell Component */
  1750. /* Header Component */
  1751. /* Button Component */
  1752. /* Tab Item Component */
  1753. /* Tabbar Component */
  1754. /* Navbar Component */
  1755. /* Checklist Component */
  1756. /* Radio Component */
  1757. /* z-index */
  1758. .mint-indexlist {
  1759. width: 100%;
  1760. position: relative;
  1761. overflow: hidden
  1762. }
  1763. .mint-indexlist-content {
  1764. margin: 0;
  1765. padding: 0;
  1766. overflow: auto
  1767. }
  1768. .mint-indexlist-nav {
  1769. position: absolute;
  1770. top: 0;
  1771. bottom: 0;
  1772. right: 0;
  1773. margin: 0;
  1774. background-color: #fff;
  1775. border-left: solid 1px #ddd;
  1776. text-align: center;
  1777. max-height: 100%;
  1778. display: -webkit-box;
  1779. display: -ms-flexbox;
  1780. display: flex;
  1781. -webkit-box-orient: vertical;
  1782. -webkit-box-direction: normal;
  1783. -ms-flex-direction: column;
  1784. flex-direction: column;
  1785. -webkit-box-pack: center;
  1786. -ms-flex-pack: center;
  1787. justify-content: center
  1788. }
  1789. .mint-indexlist-navlist {
  1790. padding: 0;
  1791. margin: 0;
  1792. list-style: none;
  1793. max-height: 100%;
  1794. display: -webkit-box;
  1795. display: -ms-flexbox;
  1796. display: flex;
  1797. -webkit-box-orient: vertical;
  1798. -webkit-box-direction: normal;
  1799. -ms-flex-direction: column;
  1800. flex-direction: column
  1801. }
  1802. .mint-indexlist-navitem {
  1803. padding: 2px 6px;
  1804. font-size: 12px;
  1805. -webkit-user-select: none;
  1806. -moz-user-select: none;
  1807. -ms-user-select: none;
  1808. user-select: none;
  1809. -webkit-touch-callout: none
  1810. }
  1811. .mint-indexlist-indicator {
  1812. position: absolute;
  1813. width: 50px;
  1814. height: 50px;
  1815. top: 50%;
  1816. left: 50%;
  1817. -webkit-transform: translate(-50%, -50%);
  1818. transform: translate(-50%, -50%);
  1819. text-align: center;
  1820. line-height: 50px;
  1821. background-color: rgba(0, 0, 0, .7);
  1822. border-radius: 5px;
  1823. color: #fff;
  1824. font-size: 22px
  1825. }
  1826. .mint-indexsection {
  1827. padding: 0;
  1828. margin: 0
  1829. }
  1830. .mint-indexsection-index {
  1831. margin: 0;
  1832. padding: 10px;
  1833. background-color: #fafafa
  1834. }
  1835. .mint-indexsection-index + ul {
  1836. padding: 0
  1837. }
  1838. .mint-palette-button{
  1839. display:inline-block;
  1840. position:relative;
  1841. border-radius:50%;
  1842. width: 56px;
  1843. height:56px;
  1844. line-height:56px;
  1845. text-align:center;
  1846. -webkit-transition:-webkit-transform .1s ease-in-out;
  1847. transition:-webkit-transform .1s ease-in-out;
  1848. transition:transform .1s ease-in-out;
  1849. transition:transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
  1850. }
  1851. .mint-main-button{
  1852. position:absolute;
  1853. top:0;
  1854. left:0;
  1855. width:100%;
  1856. height:100%;
  1857. border-radius:50%;
  1858. background-color:blue;
  1859. font-size:2em;
  1860. }
  1861. .mint-palette-button-active{
  1862. -webkit-animation: mint-zoom 0.5s ease-in-out;
  1863. animation: mint-zoom 0.5s ease-in-out;
  1864. }
  1865. .mint-sub-button-container>*{
  1866. position:absolute;
  1867. top:15px;
  1868. left:15px;
  1869. width:25px;
  1870. height:25px;
  1871. -webkit-transition:-webkit-transform .3s ease-in-out;
  1872. transition:-webkit-transform .3s ease-in-out;
  1873. transition:transform .3s ease-in-out;
  1874. transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  1875. }
  1876. @-webkit-keyframes mint-zoom{
  1877. 0% {-webkit-transform:scale(1);transform:scale(1)
  1878. }
  1879. 10% {-webkit-transform:scale(1.1);transform:scale(1.1)
  1880. }
  1881. 30% {-webkit-transform:scale(0.9);transform:scale(0.9)
  1882. }
  1883. 50% {-webkit-transform:scale(1.05);transform:scale(1.05)
  1884. }
  1885. 70% {-webkit-transform:scale(0.95);transform:scale(0.95)
  1886. }
  1887. 90% {-webkit-transform:scale(1.01);transform:scale(1.01)
  1888. }
  1889. 100% {-webkit-transform:scale(1);transform:scale(1)
  1890. }
  1891. }
  1892. @keyframes mint-zoom{
  1893. 0% {-webkit-transform:scale(1);transform:scale(1)
  1894. }
  1895. 10% {-webkit-transform:scale(1.1);transform:scale(1.1)
  1896. }
  1897. 30% {-webkit-transform:scale(0.9);transform:scale(0.9)
  1898. }
  1899. 50% {-webkit-transform:scale(1.05);transform:scale(1.05)
  1900. }
  1901. 70% {-webkit-transform:scale(0.95);transform:scale(0.95)
  1902. }
  1903. 90% {-webkit-transform:scale(1.01);transform:scale(1.01)
  1904. }
  1905. 100% {-webkit-transform:scale(1);transform:scale(1)
  1906. }
  1907. }
  1908. @font-face {font-family: "mintui";
  1909. src: url(data:application/x-font-ttf;base64,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
  1910. }
  1911. .mintui {
  1912. font-family:"mintui" !important;
  1913. font-size:16px;
  1914. font-style:normal;
  1915. -webkit-font-smoothing: antialiased;
  1916. -webkit-text-stroke-width: 0.2px;
  1917. -moz-osx-font-smoothing: grayscale;
  1918. }
  1919. .mintui-search:before { content: "\E604"; }
  1920. .mintui-more:before { content: "\E601"; }
  1921. .mintui-back:before { content: "\E600"; }
  1922. .mintui-field-error:before { content: "\E605"; }
  1923. .mintui-field-warning:before { content: "\E608"; }
  1924. .mintui-success:before { content: "\E602"; }
  1925. .mintui-field-success:before { content: "\E609"; }