drawer.less 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. /deep/ .ant-card-body {
  2. padding: 10px !important;
  3. }
  4. // card 标题颜色
  5. /deep/ .ant-card-head-title {
  6. padding: 0;
  7. font-weight: 700;
  8. font-size: 14px;
  9. }
  10. /deep/ .ant-card-head {
  11. min-height: 30px;
  12. border-bottom: none;
  13. line-height: 30px;
  14. }
  15. // 已选功能
  16. .selectTag {
  17. height: 124px; //固定高度
  18. background-color: #90caf9;
  19. .selected {
  20. display: flex;
  21. flex-flow: row wrap;
  22. box-sizing: border-box;
  23. .selectedItem {
  24. width: calc((100% - 36px) / 4);
  25. display: flex;
  26. margin: 4px;
  27. justify-content: center;
  28. align-items: center;
  29. border-radius: 0;
  30. }
  31. }
  32. /deep/ .ant-card-head-title {
  33. color: #003f88;
  34. margin-top: 10px;
  35. }
  36. //不要边框
  37. .ant-tag {
  38. border: none;
  39. }
  40. }
  41. // 额外的定位
  42. .second {
  43. background-color: white;
  44. margin: 0 20px 0 12px;
  45. height: 50px;
  46. line-height: 50px;
  47. margin-bottom: 100px;
  48. span {
  49. font-size: 14px;
  50. color: #333;
  51. display: inline-block;
  52. }
  53. }
  54. .searchLine {
  55. margin-top: 106px;
  56. /deep/ .ant-row {
  57. margin: 10px 0; //每个菜单的间距
  58. /deep/ .ant-card {
  59. background-color: gray;
  60. /deep/ .ant-card-head {
  61. display: none !important;
  62. }
  63. /deep/ .ant-card-body {
  64. background-color: pink !important;
  65. }
  66. }
  67. }
  68. //选中的样式
  69. .active {
  70. background-color: rgba(19, 116, 206, 0.5);
  71. border-radius: 10px;
  72. a {
  73. color: white;
  74. }
  75. }
  76. }
  77. // 功能列表----------------
  78. // 一级
  79. .oneMenuItem {
  80. text-align: center;
  81. }
  82. // 二级
  83. .LevelTwoMenu {
  84. display: flex;
  85. flex-flow: row wrap;
  86. box-sizing: border-box;
  87. .twoMenuItem {
  88. text-align: center;
  89. background-color: #f3f3f3 !important;
  90. border: 1px solid #dfdfdf;
  91. width: calc((100% - 50px) / 4);
  92. display: flex;
  93. margin: 0 6px 6px 6px;
  94. // padding: 0 4px;
  95. a {
  96. color: #333 !important;
  97. text-decoration: none;
  98. overflow: hidden;
  99. white-space: nowrap;
  100. text-overflow: ellipsis;
  101. }
  102. }
  103. .bg {
  104. background-color: blue;
  105. }
  106. }