index.less 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .box {
  2. width: 100%;
  3. display: flex;
  4. flex-flow: column nowrap;
  5. }
  6. .top {
  7. width: 100%;
  8. display: flex;
  9. flex-flow: row;
  10. background-color: #fff;
  11. padding:15px;
  12. // margin-bottom: 15px;
  13. border-bottom: 1px solid #efefef;
  14. >div{
  15. margin-right: 20px;
  16. }
  17. .select {
  18. width: 180px;
  19. display: flex;
  20. }
  21. .selectAll{
  22. width: 240px;
  23. display: flex;
  24. }
  25. }
  26. .content {
  27. width: 100%;
  28. display: flex;
  29. flex-flow: row nowrap;
  30. .list {
  31. width: 180px;
  32. height: calc(100vh - 170px);
  33. display: flex;
  34. flex-flow: column nowrap;
  35. background-color: #fff;
  36. opacity: 1;
  37. transition: all .1s;
  38. padding-top: 10px;
  39. border-right: 1px solid #efefef;
  40. img {
  41. width: 25px;
  42. }
  43. }
  44. .listHide{
  45. width: 0px;
  46. height: calc(100vh - 170px);
  47. display: flex;
  48. flex-flow: column nowrap;
  49. background-color: #fff;
  50. transition: all .1s;
  51. opacity: 0;
  52. img {
  53. width: 25px;
  54. }
  55. }
  56. .table {
  57. flex-grow: 1;
  58. flex-shrink: 2;
  59. }
  60. }
  61. .action {
  62. background-color: rgb(230, 247, 255);
  63. color: #1890ff;
  64. border-right: 3px solid #1890ff;
  65. }