index.less 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. .icon {
  2. float: left;
  3. width: 0.1rem;
  4. height: 0.1rem;
  5. // margin: 0.04rem 0;
  6. margin-top: 0.1rem;
  7. background-color: #366cda;
  8. }
  9. .title {
  10. padding-left: 0.12rem;
  11. line-height: 1;
  12. font-size: 0.28rem;
  13. font-family: Source Han Sans, Source Han Sans;
  14. color: #615d5d;
  15. }
  16. .right {
  17. color: #366cda;
  18. float: right;
  19. font-size: 0.2rem;
  20. cursor: default;
  21. }
  22. .leftArrow {
  23. border: solid 0.2rem;
  24. border-color: transparent #366cda transparent transparent;
  25. }
  26. .rightArrow {
  27. border: solid 0.2rem;
  28. border-color: transparent transparent transparent #366cda;
  29. }
  30. .typeList {
  31. flex-grow: 1;
  32. display: flex;
  33. }
  34. .content {
  35. height: 100%;
  36. :global {
  37. .ant-tabs-nav-wrap {
  38. background: none;
  39. }
  40. .ant-tabs-nav .ant-tabs-tab {
  41. padding: 0.02rem 0.16rem;
  42. background-color: #2196f330;
  43. border: none;
  44. margin: 0 0.06rem;
  45. }
  46. .ant-tabs-tab-active {
  47. background-color: #366cda !important;
  48. }
  49. .ant-tabs-tab-active .ant-tabs-tab-btn {
  50. color: #fff !important;
  51. }
  52. .ant-tabs-ink-bar {
  53. display: none;
  54. }
  55. .ant-tabs-bar {
  56. margin: 0;
  57. }
  58. // .ant-tabs-tab-prev-icon{
  59. // border: solid 0.2rem ;
  60. // border-color: transparent #366CDA transparent transparent ;
  61. // i{
  62. // width: 0;
  63. // height: 0;
  64. // }
  65. // }
  66. }
  67. }