index.less 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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:215px;
  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. position: fixed;
  67. width: 200px;
  68. height: 200px;
  69. left: 50%;
  70. top: 50%;
  71. margin-left: -100px;
  72. margin-top: -100px;
  73. padding: 20px;
  74. background-color: #ccc;
  75. display: none;
  76. .waring {
  77. color: red;
  78. display: none;
  79. }
  80. }