overwrite.less 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
  1. a {
  2. text-decoration: none; /* 取消链接高亮(移动端) */
  3. color: #969696;
  4. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  5. }
  6. i {
  7. font-style: normal;
  8. }
  9. .fl {
  10. float: left;
  11. }
  12. .fr {
  13. float: right;
  14. }
  15. /* 图片自适应 解决图片底部对齐问题 */
  16. img {
  17. width: 100%;
  18. display: inline-block;
  19. vertical-align: text-bottom;
  20. }
  21. /*清除浮动*/
  22. .clearfix:before,
  23. .clearfix:after {
  24. content: '';
  25. display: table;
  26. }
  27. .clearfix:after {
  28. clear: both;
  29. }
  30. // 公共样式
  31. .content {
  32. width: 100%;
  33. height: 100%;
  34. background-color: #e7e9eb;
  35. .footer {
  36. text-align: center;
  37. color: #5c6468;
  38. }
  39. .main {
  40. //所有内容设置最小高度
  41. min-height: 780px;
  42. background-color: #f2f2f6;
  43. //分页头部公共
  44. /deep/.ant-layout-header {
  45. padding: 0;
  46. margin: 0;
  47. letter-spacing: 1px;
  48. padding-left: 14px;
  49. background-color: transparent;
  50. }
  51. .Header {
  52. span {
  53. font-size: 20px;
  54. font-weight: 700;
  55. margin-left: 12px;
  56. margin-top: 4px;
  57. color: rgba(52, 123, 152);
  58. }
  59. }
  60. //每个任务卡
  61. .cardTask {
  62. width: 100%;
  63. border-radius: 10px;
  64. text-align: left;
  65. margin-bottom: 16px;
  66. border: none;
  67. // card 标题
  68. .pTitle {
  69. width: 100%;
  70. padding: 8px 0;
  71. font-size: 18px;
  72. font-weight: 700;
  73. color: #092834;
  74. border-radius: 14px;
  75. padding-left: 2px;
  76. // box-shadow: rgba(149, 156, 156, 0.4) 0px 0px 20px inset;
  77. // 图 外盒子
  78. span {
  79. display: inline-block;
  80. width: 28px;
  81. height: 28px;
  82. line-height: 28px;
  83. margin-right: 6px;
  84. border-radius: 10px;
  85. vertical-align: text-bottom;
  86. margin-left: 10px;
  87. img {
  88. display: block !important;
  89. }
  90. }
  91. }
  92. }
  93. /deep/.ant-card-head {
  94. color: #092834;
  95. font-weight: 700;
  96. position: relative;
  97. letter-spacing: 1px;
  98. }
  99. // 3个tabs ===========================
  100. /deep/.ant-tabs-nav-container {
  101. padding: 1px 4px 2px 4px;
  102. text-align: center;
  103. }
  104. /deep/.ant-tabs-tab {
  105. letter-spacing: 2px;
  106. padding: 0;
  107. margin: 0;
  108. font-size: 16px;
  109. margin-right: 52px;
  110. padding: 10px 17px;
  111. color: #616161;
  112. border-radius: 20px;
  113. background-color: white;
  114. }
  115. //最后一个子元素不要有距离
  116. /deep/.ant-tabs-tab:last-child {
  117. margin-right: 0;
  118. }
  119. /deep/.ant-tabs-tab-active {
  120. font-weight: 700;
  121. color: white;
  122. background: rgba(26, 133, 229, 0.9);
  123. border: none;
  124. }
  125. /deep/.ant-tabs-bar {
  126. border: none;
  127. }
  128. /deep/.ant-tabs-ink-bar {
  129. height: 0;
  130. }
  131. }
  132. // 暂无数据
  133. /deep/.ant-empty-image {
  134. margin-top: 120px;
  135. }
  136. // 去掉modal的确定
  137. /deep/.ant-modal-footer {
  138. display: none;
  139. }
  140. // 每个任务
  141. /deep/.ant-card-body {
  142. padding: 16px 16px 20px 16px;
  143. }
  144. }