main.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. *{margin:0;padding:0;}
  2. html,body,#app,.wrapper{
  3. width:100%;
  4. height:100%;
  5. overflow: hidden;
  6. }
  7. body{
  8. font-family:"Helvetica Neue",Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
  9. }
  10. a{text-decoration: none}
  11. .content{
  12. background: none repeat scroll 0 0 #fff;
  13. position: absolute;
  14. left: 220px;
  15. right: 0;
  16. top: 70px;
  17. bottom:0;
  18. width: auto;
  19. padding:40px;
  20. box-sizing: border-box;
  21. overflow-y: scroll;
  22. }
  23. .crumbs{
  24. margin-bottom: 20px;
  25. }
  26. .pagination{
  27. margin: 20px 0;
  28. text-align: right;
  29. }
  30. .plugins-tips{
  31. padding:10px;
  32. margin-bottom: 20px;
  33. background: #eef1f6;
  34. }
  35. .plugins-tips a{
  36. color: #20a0ff;
  37. }
  38. .el-button+.el-tooltip {
  39. margin-left: 10px;
  40. }
  41. .el-table td,.el-table th{
  42. padding:5px 18px;
  43. }
  44. .el-table tr:hover{
  45. background: #f6faff;
  46. }
  47. .mgb20{
  48. margin-bottom: 20px;
  49. }
  50. .mgb5{
  51. margin-bottom: 5px;
  52. }
  53. .dialog{
  54. position: fixed;
  55. top: 0;
  56. right: 0;
  57. bottom: 0;
  58. left: 0;
  59. overflow: auto;
  60. background: rgba(0,0,0,.4);
  61. z-index:-1;
  62. opacity: 0;
  63. transition: all .5s ease;
  64. }
  65. .dialog.dialog-show{
  66. opacity: 1;
  67. z-index: 1000;
  68. }
  69. .dialog .dialog-wrapper{
  70. position: absolute;
  71. left: 50%;
  72. top: 15%;
  73. width: 50%;
  74. transform: translateX(-50%);
  75. background: #fff;
  76. border-radius: 2px;
  77. box-shadow: 0 1px 3px rgba(0,0,0,.3);
  78. box-sizing: border-box;
  79. transition: top .5s ease;
  80. }
  81. .dialog.dialog-show .dialog-wrapper{
  82. top: 17%;
  83. }
  84. .dialog .dialog-header{
  85. padding: 20px 20px 0;
  86. }
  87. .dialog .dialog-content{
  88. padding: 30px 20px;
  89. color: #475669;
  90. font-size: 14px;
  91. }
  92. .dialog .dialog-close{
  93. float: right;
  94. cursor: pointer;
  95. color: #c0ccda;
  96. }
  97. .dialog .dialog-close:hover{
  98. color: #20a0ff;
  99. animation: close-rotate .3s ease;
  100. }
  101. @keyframes close-rotate {
  102. from{
  103. transform: rotate(-360deg);
  104. }
  105. }
  106. .el-upload__files{
  107. display: none;
  108. }
  109. .move-enter-active,.move-leave-active{
  110. transition: opacity .5s;
  111. }
  112. .move-enter,.move-leave{
  113. opacity: 0;
  114. }