在线打印
Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
 
 
 

1208 linhas
31 KiB

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