index.less 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. @import './reset.less';
  2. .container{
  3. height: 100%;
  4. }
  5. .header{
  6. position: fixed;
  7. width: 100%;
  8. height:40px;
  9. top:0;
  10. background: #267FD7;
  11. text-indent: 15px;
  12. line-height: 40px;
  13. color: #fff;
  14. font-size: 16px;
  15. a{
  16. color: #fff;
  17. text-decoration: none;
  18. margin-right: 15px;
  19. }
  20. img{
  21. vertical-align: middle;
  22. margin-right: 10px;
  23. }
  24. }
  25. .main-body{
  26. height: 100%;
  27. margin-top:40px;
  28. }
  29. .menu{
  30. width: 200px;
  31. height: 100%;
  32. border-right:1px #267FD7 solid;
  33. .active{
  34. color: #267FD7;
  35. }
  36. .list-1{
  37. ul{
  38. display: none;
  39. }
  40. }
  41. li{
  42. line-height: 34px;
  43. padding: 0 15px;
  44. cursor: pointer;
  45. }
  46. }
  47. .main{
  48. margin-left:201px;
  49. height: 100%;
  50. iframe{
  51. width: 100%;
  52. height: 100%;
  53. }
  54. }
  55. //设置
  56. .userAction {
  57. background-color: #ccc;
  58. display: none;
  59. li {
  60. text-align: center;
  61. cursor: pointer;
  62. }
  63. }
  64. //修改密码
  65. .modalAction {
  66. // padding: 20px;
  67. input {
  68. border: 1px solid #E2E5EF;
  69. width: 300px;
  70. height: 40px;
  71. line-height: 40px;
  72. border-radius: 3px;
  73. margin-bottom: 15px;
  74. padding: 0 10px;
  75. box-sizing: border-box;
  76. }
  77. p span {
  78. width: 90px;
  79. display: inline-block;
  80. text-align: right;
  81. }
  82. .waring {
  83. color: red;
  84. display: none;
  85. text-align: left;
  86. i {
  87. margin-left: 15px;
  88. }
  89. }
  90. }