main.scss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. /* el-button自定义type属性 */
  2. .el-button--primary,
  3. .el-button--success,
  4. .el-button--info,
  5. .el-button--warning,
  6. .el-button--danger {
  7. margin-bottom: 10px;
  8. }
  9. .el-button--delete {
  10. color: #f56c6c;
  11. border: none;
  12. background: none;
  13. padding-left: 0;
  14. padding-right: 0;
  15. }
  16. .el-button--delete.is-active,
  17. .el-button--delete:active,
  18. .el-button--delete:focus,
  19. .el-button--delete:hover {
  20. background: none;
  21. color: #f56c6c;
  22. }
  23. .el-button--delete.is-disabled,
  24. .el-button--delete.is-disabled:hover,
  25. .el-button--delete.is-disabled:focus {
  26. background: transparent;
  27. }
  28. /* 分页透明样式 */
  29. .el-pagination {
  30. text-align: center;
  31. margin: 16px 0;
  32. }
  33. .el-pagination.is-background .btn-prev,
  34. .el-pagination.is-background .btn-next,
  35. .el-pagination.is-background .el-pager li {
  36. min-width: 30px;
  37. height: 30px;
  38. line-height: 30px;
  39. background: none;
  40. border: 1px solid #d9d9d9;
  41. }
  42. .el-pagination.is-background .btn-prev,
  43. .el-pagination.is-background .btn-next {
  44. color: rgba(0, 0, 0, 0.25);
  45. }
  46. .el-pagination.is-background .el-pager li {
  47. color: rgba(0, 0, 0, 0.65);
  48. }
  49. .el-pagination.is-background .el-pager li:not(.disabled).active {
  50. background: none;
  51. border: 1px solid #1890ff;
  52. color: #1890ff;
  53. }
  54. /* 表单按钮 */
  55. .form-btn {
  56. margin-left: 100px;
  57. }
  58. /* 标签分页 */
  59. .el-tabs__nav .el-tabs__item:nth-child(1) span {
  60. display: none;
  61. }
  62. /* 级联选择器 */
  63. .el-select,
  64. .el-range-editor--medium.el-input__inner,
  65. .el-date-editor--datetimerange.el-input,
  66. .el-date-editor--datetimerange.el-input__inner {
  67. width: 100%;
  68. }
  69. input::-webkit-outer-spin-button,
  70. input::-webkit-inner-spin-button {
  71. -webkit-appearance: none;
  72. }