富茂A端打印模板内嵌编辑器
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.
 
 
 

809 lines
22 KiB

  1. [data-theme="kr-designer"] .el-button {
  2. display: inline-block;
  3. line-height: 1;
  4. white-space: nowrap;
  5. cursor: pointer;
  6. background: #fff;
  7. border: 1px solid #dcdfe6;
  8. color: #606266;
  9. -webkit-appearance: none;
  10. text-align: center;
  11. -webkit-box-sizing: border-box;
  12. box-sizing: border-box;
  13. outline: 0;
  14. margin: 0;
  15. -webkit-transition: 0.1s;
  16. transition: 0.1s;
  17. font-weight: 500;
  18. -moz-user-select: none;
  19. -webkit-user-select: none;
  20. -ms-user-select: none;
  21. padding: 12px 20px;
  22. font-size: 14px;
  23. border-radius: 4px;
  24. }
  25. [data-theme="kr-designer"] .el-button + .el-button {
  26. margin-left: 10px;
  27. }
  28. [data-theme="kr-designer"] .el-button:focus,
  29. [data-theme="kr-designer"] .el-button:hover {
  30. color: #409eff;
  31. border-color: #c6e2ff;
  32. background-color: #ecf5ff;
  33. }
  34. [data-theme="kr-designer"] .el-button:active {
  35. color: #3a8ee6;
  36. border-color: #3a8ee6;
  37. outline: 0;
  38. }
  39. [data-theme="kr-designer"] .el-button::-moz-focus-inner {
  40. border: 0;
  41. }
  42. [data-theme="kr-designer"] .el-button [class*="el-icon-"] + span {
  43. margin-left: 5px;
  44. }
  45. [data-theme="kr-designer"] .el-button.is-plain:focus,
  46. [data-theme="kr-designer"] .el-button.is-plain:hover {
  47. background: #fff;
  48. border-color: #409eff;
  49. color: #409eff;
  50. }
  51. [data-theme="kr-designer"] .el-button.is-plain:active {
  52. background: #fff;
  53. border-color: #3a8ee6;
  54. color: #3a8ee6;
  55. outline: 0;
  56. }
  57. [data-theme="kr-designer"] .el-button.is-active {
  58. color: #3a8ee6;
  59. border-color: #3a8ee6;
  60. }
  61. [data-theme="kr-designer"] .el-button.is-disabled,
  62. [data-theme="kr-designer"] .el-button.is-disabled:focus,
  63. [data-theme="kr-designer"] .el-button.is-disabled:hover {
  64. color: #c0c4cc;
  65. cursor: not-allowed;
  66. background-image: none;
  67. background-color: #fff;
  68. border-color: #ebeef5;
  69. }
  70. [data-theme="kr-designer"] .el-button.is-disabled.el-button--text {
  71. background-color: transparent;
  72. }
  73. [data-theme="kr-designer"] .el-button.is-disabled.is-plain,
  74. [data-theme="kr-designer"] .el-button.is-disabled.is-plain:focus,
  75. [data-theme="kr-designer"] .el-button.is-disabled.is-plain:hover {
  76. background-color: #fff;
  77. border-color: #ebeef5;
  78. color: #c0c4cc;
  79. }
  80. [data-theme="kr-designer"] .el-button.is-loading {
  81. position: relative;
  82. pointer-events: none;
  83. }
  84. [data-theme="kr-designer"] .el-button.is-loading:before {
  85. pointer-events: none;
  86. content: "";
  87. position: absolute;
  88. left: -1px;
  89. top: -1px;
  90. right: -1px;
  91. bottom: -1px;
  92. border-radius: inherit;
  93. background-color: rgba(255, 255, 255, 0.35);
  94. }
  95. [data-theme="kr-designer"] .el-button.is-round {
  96. border-radius: 20px;
  97. padding: 12px 23px;
  98. }
  99. [data-theme="kr-designer"] .el-button.is-circle {
  100. border-radius: 50%;
  101. padding: 12px;
  102. }
  103. [data-theme="kr-designer"] .el-button--primary {
  104. color: #fff;
  105. background-color: #409eff;
  106. border-color: #409eff;
  107. }
  108. [data-theme="kr-designer"] .el-button--primary:focus,
  109. [data-theme="kr-designer"] .el-button--primary:hover {
  110. background: #66b1ff;
  111. border-color: #66b1ff;
  112. color: #fff;
  113. }
  114. [data-theme="kr-designer"] .el-button--primary:active {
  115. background: #3a8ee6;
  116. border-color: #3a8ee6;
  117. color: #fff;
  118. outline: 0;
  119. }
  120. [data-theme="kr-designer"] .el-button--primary.is-active {
  121. background: #3a8ee6;
  122. border-color: #3a8ee6;
  123. color: #fff;
  124. }
  125. [data-theme="kr-designer"] .el-button--primary.is-disabled,
  126. [data-theme="kr-designer"] .el-button--primary.is-disabled:active,
  127. [data-theme="kr-designer"] .el-button--primary.is-disabled:focus,
  128. [data-theme="kr-designer"] .el-button--primary.is-disabled:hover {
  129. color: #fff;
  130. background-color: #a0cfff;
  131. border-color: #a0cfff;
  132. }
  133. [data-theme="kr-designer"] .el-button--primary.is-plain {
  134. color: #409eff;
  135. background: #ecf5ff;
  136. border-color: #b3d8ff;
  137. }
  138. [data-theme="kr-designer"] .el-button--primary.is-plain:focus,
  139. [data-theme="kr-designer"] .el-button--primary.is-plain:hover {
  140. background: #409eff;
  141. border-color: #409eff;
  142. color: #fff;
  143. }
  144. [data-theme="kr-designer"] .el-button--primary.is-plain:active {
  145. background: #3a8ee6;
  146. border-color: #3a8ee6;
  147. color: #fff;
  148. outline: 0;
  149. }
  150. [data-theme="kr-designer"] .el-button--primary.is-plain.is-disabled,
  151. [data-theme="kr-designer"] .el-button--primary.is-plain.is-disabled:active,
  152. [data-theme="kr-designer"] .el-button--primary.is-plain.is-disabled:focus,
  153. [data-theme="kr-designer"] .el-button--primary.is-plain.is-disabled:hover {
  154. color: #8cc5ff;
  155. background-color: #ecf5ff;
  156. border-color: #d9ecff;
  157. }
  158. [data-theme="kr-designer"] .el-button--success {
  159. color: #fff;
  160. background-color: #67c23a;
  161. border-color: #67c23a;
  162. }
  163. [data-theme="kr-designer"] .el-button--success:focus,
  164. [data-theme="kr-designer"] .el-button--success:hover {
  165. background: #85ce61;
  166. border-color: #85ce61;
  167. color: #fff;
  168. }
  169. [data-theme="kr-designer"] .el-button--success:active {
  170. background: #5daf34;
  171. border-color: #5daf34;
  172. color: #fff;
  173. outline: 0;
  174. }
  175. [data-theme="kr-designer"] .el-button--success.is-active {
  176. background: #5daf34;
  177. border-color: #5daf34;
  178. color: #fff;
  179. }
  180. [data-theme="kr-designer"] .el-button--success.is-disabled,
  181. [data-theme="kr-designer"] .el-button--success.is-disabled:active,
  182. [data-theme="kr-designer"] .el-button--success.is-disabled:focus,
  183. [data-theme="kr-designer"] .el-button--success.is-disabled:hover {
  184. color: #fff;
  185. background-color: #b3e19d;
  186. border-color: #b3e19d;
  187. }
  188. [data-theme="kr-designer"] .el-button--success.is-plain {
  189. color: #67c23a;
  190. background: #f0f9eb;
  191. border-color: #c2e7b0;
  192. }
  193. [data-theme="kr-designer"] .el-button--success.is-plain:focus,
  194. [data-theme="kr-designer"] .el-button--success.is-plain:hover {
  195. background: #67c23a;
  196. border-color: #67c23a;
  197. color: #fff;
  198. }
  199. [data-theme="kr-designer"] .el-button--success.is-plain:active {
  200. background: #5daf34;
  201. border-color: #5daf34;
  202. color: #fff;
  203. outline: 0;
  204. }
  205. [data-theme="kr-designer"] .el-button--success.is-plain.is-disabled,
  206. [data-theme="kr-designer"] .el-button--success.is-plain.is-disabled:active,
  207. [data-theme="kr-designer"] .el-button--success.is-plain.is-disabled:focus,
  208. [data-theme="kr-designer"] .el-button--success.is-plain.is-disabled:hover {
  209. color: #a4da89;
  210. background-color: #f0f9eb;
  211. border-color: #e1f3d8;
  212. }
  213. [data-theme="kr-designer"] .el-button--warning {
  214. color: #fff;
  215. background-color: #e6a23c;
  216. border-color: #e6a23c;
  217. }
  218. [data-theme="kr-designer"] .el-button--warning:focus,
  219. [data-theme="kr-designer"] .el-button--warning:hover {
  220. background: #ebb563;
  221. border-color: #ebb563;
  222. color: #fff;
  223. }
  224. [data-theme="kr-designer"] .el-button--warning:active {
  225. background: #cf9236;
  226. border-color: #cf9236;
  227. color: #fff;
  228. outline: 0;
  229. }
  230. [data-theme="kr-designer"] .el-button--warning.is-active {
  231. background: #cf9236;
  232. border-color: #cf9236;
  233. color: #fff;
  234. }
  235. [data-theme="kr-designer"] .el-button--warning.is-disabled,
  236. [data-theme="kr-designer"] .el-button--warning.is-disabled:active,
  237. [data-theme="kr-designer"] .el-button--warning.is-disabled:focus,
  238. [data-theme="kr-designer"] .el-button--warning.is-disabled:hover {
  239. color: #fff;
  240. background-color: #f3d19e;
  241. border-color: #f3d19e;
  242. }
  243. [data-theme="kr-designer"] .el-button--warning.is-plain {
  244. color: #e6a23c;
  245. background: #fdf6ec;
  246. border-color: #f5dab1;
  247. }
  248. [data-theme="kr-designer"] .el-button--warning.is-plain:focus,
  249. [data-theme="kr-designer"] .el-button--warning.is-plain:hover {
  250. background: #e6a23c;
  251. border-color: #e6a23c;
  252. color: #fff;
  253. }
  254. [data-theme="kr-designer"] .el-button--warning.is-plain:active {
  255. background: #cf9236;
  256. border-color: #cf9236;
  257. color: #fff;
  258. outline: 0;
  259. }
  260. [data-theme="kr-designer"] .el-button--warning.is-plain.is-disabled,
  261. [data-theme="kr-designer"] .el-button--warning.is-plain.is-disabled:active,
  262. [data-theme="kr-designer"] .el-button--warning.is-plain.is-disabled:focus,
  263. [data-theme="kr-designer"] .el-button--warning.is-plain.is-disabled:hover {
  264. color: #f0c78a;
  265. background-color: #fdf6ec;
  266. border-color: #faecd8;
  267. }
  268. [data-theme="kr-designer"] .el-button--danger {
  269. color: #fff;
  270. background-color: #f56c6c;
  271. border-color: #f56c6c;
  272. }
  273. [data-theme="kr-designer"] .el-button--danger:focus,
  274. [data-theme="kr-designer"] .el-button--danger:hover {
  275. background: #f78989;
  276. border-color: #f78989;
  277. color: #fff;
  278. }
  279. [data-theme="kr-designer"] .el-button--danger:active {
  280. background: #dd6161;
  281. border-color: #dd6161;
  282. color: #fff;
  283. outline: 0;
  284. }
  285. [data-theme="kr-designer"] .el-button--danger.is-active {
  286. background: #dd6161;
  287. border-color: #dd6161;
  288. color: #fff;
  289. }
  290. [data-theme="kr-designer"] .el-button--danger.is-disabled,
  291. [data-theme="kr-designer"] .el-button--danger.is-disabled:active,
  292. [data-theme="kr-designer"] .el-button--danger.is-disabled:focus,
  293. [data-theme="kr-designer"] .el-button--danger.is-disabled:hover {
  294. color: #fff;
  295. background-color: #fab6b6;
  296. border-color: #fab6b6;
  297. }
  298. [data-theme="kr-designer"] .el-button--danger.is-plain {
  299. color: #f56c6c;
  300. background: #fef0f0;
  301. border-color: #fbc4c4;
  302. }
  303. [data-theme="kr-designer"] .el-button--danger.is-plain:focus,
  304. [data-theme="kr-designer"] .el-button--danger.is-plain:hover {
  305. background: #f56c6c;
  306. border-color: #f56c6c;
  307. color: #fff;
  308. }
  309. [data-theme="kr-designer"] .el-button--danger.is-plain:active {
  310. background: #dd6161;
  311. border-color: #dd6161;
  312. color: #fff;
  313. outline: 0;
  314. }
  315. [data-theme="kr-designer"] .el-button--danger.is-plain.is-disabled,
  316. [data-theme="kr-designer"] .el-button--danger.is-plain.is-disabled:active,
  317. [data-theme="kr-designer"] .el-button--danger.is-plain.is-disabled:focus,
  318. [data-theme="kr-designer"] .el-button--danger.is-plain.is-disabled:hover {
  319. color: #f9a7a7;
  320. background-color: #fef0f0;
  321. border-color: #fde2e2;
  322. }
  323. [data-theme="kr-designer"] .el-button--info {
  324. color: #fff;
  325. background-color: #909399;
  326. border-color: #909399;
  327. }
  328. [data-theme="kr-designer"] .el-button--info:focus,
  329. [data-theme="kr-designer"] .el-button--info:hover {
  330. background: #a6a9ad;
  331. border-color: #a6a9ad;
  332. color: #fff;
  333. }
  334. [data-theme="kr-designer"] .el-button--info:active {
  335. background: #82848a;
  336. border-color: #82848a;
  337. color: #fff;
  338. outline: 0;
  339. }
  340. [data-theme="kr-designer"] .el-button--info.is-active {
  341. background: #82848a;
  342. border-color: #82848a;
  343. color: #fff;
  344. }
  345. [data-theme="kr-designer"] .el-button--info.is-disabled,
  346. [data-theme="kr-designer"] .el-button--info.is-disabled:active,
  347. [data-theme="kr-designer"] .el-button--info.is-disabled:focus,
  348. [data-theme="kr-designer"] .el-button--info.is-disabled:hover {
  349. color: #fff;
  350. background-color: #c8c9cc;
  351. border-color: #c8c9cc;
  352. }
  353. [data-theme="kr-designer"] .el-button--info.is-plain {
  354. color: #909399;
  355. background: #f4f4f5;
  356. border-color: #d3d4d6;
  357. }
  358. [data-theme="kr-designer"] .el-button--info.is-plain:focus,
  359. [data-theme="kr-designer"] .el-button--info.is-plain:hover {
  360. background: #909399;
  361. border-color: #909399;
  362. color: #fff;
  363. }
  364. [data-theme="kr-designer"] .el-button--info.is-plain:active {
  365. background: #82848a;
  366. border-color: #82848a;
  367. color: #fff;
  368. outline: 0;
  369. }
  370. [data-theme="kr-designer"] .el-button--info.is-plain.is-disabled,
  371. [data-theme="kr-designer"] .el-button--info.is-plain.is-disabled:active,
  372. [data-theme="kr-designer"] .el-button--info.is-plain.is-disabled:focus,
  373. [data-theme="kr-designer"] .el-button--info.is-plain.is-disabled:hover {
  374. color: #bcbec2;
  375. background-color: #f4f4f5;
  376. border-color: #e9e9eb;
  377. }
  378. [data-theme="kr-designer"] .el-button--medium {
  379. padding: 10px 20px;
  380. font-size: 14px;
  381. border-radius: 4px;
  382. }
  383. [data-theme="kr-designer"] .el-button--medium.is-round {
  384. padding: 10px 20px;
  385. }
  386. [data-theme="kr-designer"] .el-button--medium.is-circle {
  387. padding: 10px;
  388. }
  389. [data-theme="kr-designer"] .el-button--small {
  390. padding: 9px 15px;
  391. font-size: 12px;
  392. border-radius: 3px;
  393. }
  394. [data-theme="kr-designer"] .el-button--small.is-round {
  395. padding: 9px 15px;
  396. }
  397. [data-theme="kr-designer"] .el-button--small.is-circle {
  398. padding: 9px;
  399. }
  400. [data-theme="kr-designer"] .el-button--mini {
  401. padding: 7px 15px;
  402. font-size: 12px;
  403. border-radius: 3px;
  404. }
  405. [data-theme="kr-designer"] .el-button--mini.is-round {
  406. padding: 7px 15px;
  407. }
  408. [data-theme="kr-designer"] .el-button--mini.is-circle {
  409. padding: 7px;
  410. }
  411. [data-theme="kr-designer"] .el-button--text {
  412. border-color: transparent;
  413. color: #409eff;
  414. background: 0 0;
  415. padding-left: 0;
  416. padding-right: 0;
  417. }
  418. [data-theme="kr-designer"] .el-button--text:focus,
  419. [data-theme="kr-designer"] .el-button--text:hover {
  420. color: #66b1ff;
  421. border-color: transparent;
  422. background-color: transparent;
  423. }
  424. [data-theme="kr-designer"] .el-button--text:active {
  425. color: #3a8ee6;
  426. border-color: transparent;
  427. background-color: transparent;
  428. }
  429. [data-theme="kr-designer"] .el-button--text.is-disabled,
  430. [data-theme="kr-designer"] .el-button--text.is-disabled:focus,
  431. [data-theme="kr-designer"] .el-button--text.is-disabled:hover {
  432. border-color: transparent;
  433. }
  434. [data-theme="kr-designer"] .el-button-group {
  435. display: inline-block;
  436. vertical-align: middle;
  437. }
  438. [data-theme="kr-designer"] .el-button-group::after,
  439. [data-theme="kr-designer"] .el-button-group::before {
  440. display: table;
  441. content: "";
  442. }
  443. [data-theme="kr-designer"] .el-button-group::after {
  444. clear: both;
  445. }
  446. [data-theme="kr-designer"] .el-button-group > .el-button {
  447. float: left;
  448. position: relative;
  449. }
  450. [data-theme="kr-designer"] .el-button-group > .el-button + .el-button {
  451. margin-left: 0;
  452. }
  453. [data-theme="kr-designer"] .el-button-group > .el-button.is-disabled {
  454. z-index: 1;
  455. }
  456. [data-theme="kr-designer"] .el-button-group > .el-button:first-child {
  457. border-top-right-radius: 0;
  458. border-bottom-right-radius: 0;
  459. }
  460. [data-theme="kr-designer"] .el-button-group > .el-button:last-child {
  461. border-top-left-radius: 0;
  462. border-bottom-left-radius: 0;
  463. }
  464. [data-theme="kr-designer"]
  465. .el-button-group
  466. > .el-button:first-child:last-child {
  467. border-radius: 4px;
  468. }
  469. [data-theme="kr-designer"]
  470. .el-button-group
  471. > .el-button:first-child:last-child.is-round {
  472. border-radius: 20px;
  473. }
  474. [data-theme="kr-designer"]
  475. .el-button-group
  476. > .el-button:first-child:last-child.is-circle {
  477. border-radius: 50%;
  478. }
  479. [data-theme="kr-designer"]
  480. .el-button-group
  481. > .el-button:not(:first-child):not(:last-child) {
  482. border-radius: 0;
  483. }
  484. [data-theme="kr-designer"] .el-button-group > .el-button:not(:last-child) {
  485. margin-right: -1px;
  486. }
  487. [data-theme="kr-designer"] .el-button-group > .el-button.is-active,
  488. [data-theme="kr-designer"] .el-button-group > .el-button:active,
  489. [data-theme="kr-designer"] .el-button-group > .el-button:focus,
  490. [data-theme="kr-designer"] .el-button-group > .el-button:hover {
  491. z-index: 1;
  492. }
  493. [data-theme="kr-designer"] .el-button-group > .el-dropdown > .el-button {
  494. border-top-left-radius: 0;
  495. border-bottom-left-radius: 0;
  496. border-left-color: rgba(255, 255, 255, 0.5);
  497. }
  498. [data-theme="kr-designer"] .el-button-group .el-button--primary:first-child {
  499. border-right-color: rgba(255, 255, 255, 0.5);
  500. }
  501. [data-theme="kr-designer"] .el-button-group .el-button--primary:last-child {
  502. border-left-color: rgba(255, 255, 255, 0.5);
  503. }
  504. [data-theme="kr-designer"]
  505. .el-button-group
  506. .el-button--primary:not(:first-child):not(:last-child) {
  507. border-left-color: rgba(255, 255, 255, 0.5);
  508. border-right-color: rgba(255, 255, 255, 0.5);
  509. }
  510. [data-theme="kr-designer"] .el-button-group .el-button--success:first-child {
  511. border-right-color: rgba(255, 255, 255, 0.5);
  512. }
  513. [data-theme="kr-designer"] .el-button-group .el-button--success:last-child {
  514. border-left-color: rgba(255, 255, 255, 0.5);
  515. }
  516. [data-theme="kr-designer"]
  517. .el-button-group
  518. .el-button--success:not(:first-child):not(:last-child) {
  519. border-left-color: rgba(255, 255, 255, 0.5);
  520. border-right-color: rgba(255, 255, 255, 0.5);
  521. }
  522. [data-theme="kr-designer"] .el-button-group .el-button--warning:first-child {
  523. border-right-color: rgba(255, 255, 255, 0.5);
  524. }
  525. [data-theme="kr-designer"] .el-button-group .el-button--warning:last-child {
  526. border-left-color: rgba(255, 255, 255, 0.5);
  527. }
  528. [data-theme="kr-designer"]
  529. .el-button-group
  530. .el-button--warning:not(:first-child):not(:last-child) {
  531. border-left-color: rgba(255, 255, 255, 0.5);
  532. border-right-color: rgba(255, 255, 255, 0.5);
  533. }
  534. [data-theme="kr-designer"] .el-button-group .el-button--danger:first-child {
  535. border-right-color: rgba(255, 255, 255, 0.5);
  536. }
  537. [data-theme="kr-designer"] .el-button-group .el-button--danger:last-child {
  538. border-left-color: rgba(255, 255, 255, 0.5);
  539. }
  540. [data-theme="kr-designer"]
  541. .el-button-group
  542. .el-button--danger:not(:first-child):not(:last-child) {
  543. border-left-color: rgba(255, 255, 255, 0.5);
  544. border-right-color: rgba(255, 255, 255, 0.5);
  545. }
  546. [data-theme="kr-designer"] .el-button-group .el-button--info:first-child {
  547. border-right-color: rgba(255, 255, 255, 0.5);
  548. }
  549. [data-theme="kr-designer"] .el-button-group .el-button--info:last-child {
  550. border-left-color: rgba(255, 255, 255, 0.5);
  551. }
  552. [data-theme="kr-designer"]
  553. .el-button-group
  554. .el-button--info:not(:first-child):not(:last-child) {
  555. border-left-color: rgba(255, 255, 255, 0.5);
  556. border-right-color: rgba(255, 255, 255, 0.5);
  557. }
  558. [data-theme="kr-designer"] .el-popper .popper__arrow,
  559. [data-theme="kr-designer"] .el-popper .popper__arrow::after {
  560. position: absolute;
  561. display: block;
  562. width: 0;
  563. height: 0;
  564. border-color: transparent;
  565. border-style: solid;
  566. }
  567. [data-theme="kr-designer"] .el-popper .popper__arrow {
  568. border-width: 6px;
  569. -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
  570. filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
  571. }
  572. [data-theme="kr-designer"] .el-popper .popper__arrow::after {
  573. content: " ";
  574. border-width: 6px;
  575. }
  576. [data-theme="kr-designer"] .el-popper[x-placement^="top"] {
  577. margin-bottom: 12px;
  578. }
  579. [data-theme="kr-designer"] .el-popper[x-placement^="top"] .popper__arrow {
  580. bottom: -6px;
  581. left: 50%;
  582. margin-right: 3px;
  583. border-top-color: #ebeef5;
  584. border-bottom-width: 0;
  585. }
  586. [data-theme="kr-designer"]
  587. .el-popper[x-placement^="top"]
  588. .popper__arrow::after {
  589. bottom: 1px;
  590. margin-left: -6px;
  591. border-top-color: #fff;
  592. border-bottom-width: 0;
  593. }
  594. [data-theme="kr-designer"] .el-popper[x-placement^="bottom"] {
  595. margin-top: 12px;
  596. }
  597. [data-theme="kr-designer"] .el-popper[x-placement^="bottom"] .popper__arrow {
  598. top: -6px;
  599. left: 50%;
  600. margin-right: 3px;
  601. border-top-width: 0;
  602. border-bottom-color: #ebeef5;
  603. }
  604. [data-theme="kr-designer"]
  605. .el-popper[x-placement^="bottom"]
  606. .popper__arrow::after {
  607. top: 1px;
  608. margin-left: -6px;
  609. border-top-width: 0;
  610. border-bottom-color: #fff;
  611. }
  612. [data-theme="kr-designer"] .el-popper[x-placement^="right"] {
  613. margin-left: 12px;
  614. }
  615. [data-theme="kr-designer"] .el-popper[x-placement^="right"] .popper__arrow {
  616. top: 50%;
  617. left: -6px;
  618. margin-bottom: 3px;
  619. border-right-color: #ebeef5;
  620. border-left-width: 0;
  621. }
  622. [data-theme="kr-designer"]
  623. .el-popper[x-placement^="right"]
  624. .popper__arrow::after {
  625. bottom: -6px;
  626. left: 1px;
  627. border-right-color: #fff;
  628. border-left-width: 0;
  629. }
  630. [data-theme="kr-designer"] .el-popper[x-placement^="left"] {
  631. margin-right: 12px;
  632. }
  633. [data-theme="kr-designer"] .el-popper[x-placement^="left"] .popper__arrow {
  634. top: 50%;
  635. right: -6px;
  636. margin-bottom: 3px;
  637. border-right-width: 0;
  638. border-left-color: #ebeef5;
  639. }
  640. [data-theme="kr-designer"]
  641. .el-popper[x-placement^="left"]
  642. .popper__arrow::after {
  643. right: 1px;
  644. bottom: -6px;
  645. margin-left: -6px;
  646. border-right-width: 0;
  647. border-left-color: #fff;
  648. }
  649. [data-theme="kr-designer"] .el-dropdown {
  650. display: inline-block;
  651. position: relative;
  652. color: #606266;
  653. font-size: 14px;
  654. }
  655. [data-theme="kr-designer"] .el-dropdown .el-button-group {
  656. display: block;
  657. }
  658. [data-theme="kr-designer"] .el-dropdown .el-button-group .el-button {
  659. float: none;
  660. }
  661. [data-theme="kr-designer"] .el-dropdown .el-dropdown__caret-button {
  662. padding-left: 5px;
  663. padding-right: 5px;
  664. position: relative;
  665. border-left: none;
  666. }
  667. [data-theme="kr-designer"] .el-dropdown .el-dropdown__caret-button::before {
  668. content: "";
  669. position: absolute;
  670. display: block;
  671. width: 1px;
  672. top: 5px;
  673. bottom: 5px;
  674. left: 0;
  675. background: rgba(255, 255, 255, 0.5);
  676. }
  677. [data-theme="kr-designer"]
  678. .el-dropdown
  679. .el-dropdown__caret-button.el-button--default::before {
  680. background: rgba(220, 223, 230, 0.5);
  681. }
  682. [data-theme="kr-designer"]
  683. .el-dropdown
  684. .el-dropdown__caret-button:hover::before {
  685. top: 0;
  686. bottom: 0;
  687. }
  688. [data-theme="kr-designer"]
  689. .el-dropdown
  690. .el-dropdown__caret-button
  691. .el-dropdown__icon {
  692. padding-left: 0;
  693. }
  694. .el-dropdown__icon {
  695. font-size: 12px;
  696. margin: 0 3px;
  697. }
  698. [data-theme="kr-designer"] .el-dropdown .el-dropdown-selfdefine:focus:active,
  699. [data-theme="kr-designer"]
  700. .el-dropdown
  701. .el-dropdown-selfdefine:focus:not(.focusing) {
  702. outline-width: 0;
  703. }
  704. [data-theme="kr-designer"] .el-dropdown-menu {
  705. position: absolute;
  706. top: 0;
  707. left: 0;
  708. z-index: 10;
  709. padding: 10px 0;
  710. margin: 5px 0;
  711. background-color: #fff;
  712. border: 1px solid #ebeef5;
  713. border-radius: 4px;
  714. -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  715. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  716. }
  717. .el-dropdown-menu__item {
  718. list-style: none;
  719. line-height: 36px;
  720. padding: 0 20px;
  721. margin: 0;
  722. font-size: 14px;
  723. color: #606266;
  724. cursor: pointer;
  725. outline: 0;
  726. }
  727. .el-dropdown-menu__item:focus,
  728. .el-dropdown-menu__item:not(.is-disabled):hover {
  729. background-color: #ecf5ff;
  730. color: #66b1ff;
  731. }
  732. .el-dropdown-menu__item i {
  733. margin-right: 5px;
  734. }
  735. .el-dropdown-menu__item--divided {
  736. position: relative;
  737. margin-top: 6px;
  738. border-top: 1px solid #ebeef5;
  739. }
  740. .el-dropdown-menu__item--divided:before {
  741. content: "";
  742. height: 6px;
  743. display: block;
  744. margin: 0 -20px;
  745. background-color: #fff;
  746. }
  747. .el-dropdown-menu__item.is-disabled {
  748. cursor: default;
  749. color: #bbb;
  750. pointer-events: none;
  751. }
  752. [data-theme="kr-designer"] .el-dropdown-menu--medium {
  753. padding: 6px 0;
  754. }
  755. [data-theme="kr-designer"] .el-dropdown-menu--medium .el-dropdown-menu__item {
  756. line-height: 30px;
  757. padding: 0 17px;
  758. font-size: 14px;
  759. }
  760. [data-theme="kr-designer"]
  761. .el-dropdown-menu--medium
  762. .el-dropdown-menu__item.el-dropdown-menu__item--divided {
  763. margin-top: 6px;
  764. }
  765. [data-theme="kr-designer"]
  766. .el-dropdown-menu--medium
  767. .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
  768. height: 6px;
  769. margin: 0 -17px;
  770. }
  771. [data-theme="kr-designer"] .el-dropdown-menu--small {
  772. padding: 6px 0;
  773. }
  774. [data-theme="kr-designer"] .el-dropdown-menu--small .el-dropdown-menu__item {
  775. line-height: 27px;
  776. padding: 0 15px;
  777. font-size: 13px;
  778. }
  779. [data-theme="kr-designer"]
  780. .el-dropdown-menu--small
  781. .el-dropdown-menu__item.el-dropdown-menu__item--divided {
  782. margin-top: 4px;
  783. }
  784. [data-theme="kr-designer"]
  785. .el-dropdown-menu--small
  786. .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
  787. height: 4px;
  788. margin: 0 -15px;
  789. }
  790. [data-theme="kr-designer"] .el-dropdown-menu--mini {
  791. padding: 3px 0;
  792. }
  793. [data-theme="kr-designer"] .el-dropdown-menu--mini .el-dropdown-menu__item {
  794. line-height: 24px;
  795. padding: 0 10px;
  796. font-size: 12px;
  797. }
  798. [data-theme="kr-designer"]
  799. .el-dropdown-menu--mini
  800. .el-dropdown-menu__item.el-dropdown-menu__item--divided {
  801. margin-top: 3px;
  802. }
  803. [data-theme="kr-designer"]
  804. .el-dropdown-menu--mini
  805. .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
  806. height: 3px;
  807. margin: 0 -10px;
  808. }