main.less 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. // @mainColor: #23a27e;
  2. @mainColor: #1a8e70;
  3. @fontColor: #EFEFEF;
  4. @mainBg: #33373f;
  5. @lightBg: #444653;
  6. @borderColor: #43474f;
  7. @goldColor: #ffCF00;
  8. .combtn(@fs: 28rpx, @lineHeight: 60rpx) {
  9. font-size: @fs;
  10. line-height: @lineHeight;
  11. background-color: @mainColor;
  12. border: none;
  13. color: #FFF;
  14. text-align: center;
  15. border-radius: 8rpx;
  16. &:active {
  17. background-color: lighten(@mainColor, 5%);
  18. }
  19. }
  20. // // 重写一些MD的样式
  21. // .h2w {
  22. // font-size: 28rpx !important;
  23. // }
  24. // .h2w-dark {
  25. // background-color: darken(@mainBg, 20%) !important;
  26. // }
  27. // .mytowxml {
  28. .h2w {
  29. user-select: auto;
  30. font-weight: normal !important;
  31. line-height: 1.6 !important;
  32. text-align: left !important;
  33. font-size: 28rpx !important;
  34. border-radius: 8rpx !important;
  35. .h2w__main {
  36. margin: 0 !important;
  37. padding: 12rpx 20rpx !important;
  38. }
  39. .h2w__p {
  40. margin: 8rpx 0 !important;
  41. color: @fontColor;
  42. }
  43. }
  44. // }
  45. .h2w-dark {
  46. background-color: #22242d !important;
  47. }
  48. .customtowxml .h2w-dark {
  49. background-color: #3f414e !important;
  50. }
  51. .fullscreen .h2w {
  52. min-height: 100%;
  53. .h2w__main {
  54. padding: 40rpx !important;
  55. }
  56. }
  57. /deep/.message-collapse {
  58. .uni-collapse {
  59. background-color: #22242d;
  60. border-radius: 8rpx;
  61. overflow: hidden;
  62. color: @fontColor;
  63. .uni-collapse-item {
  64. background-color: #22242d;
  65. .uni-collapse-item__title {
  66. background-color: #22242d;
  67. color: @fontColor;
  68. .uni-collapse-item__title-box {
  69. background-color: #22242d;
  70. height: 60rpx;
  71. line-height: 60rpx;
  72. color: @fontColor;
  73. }
  74. &.uni-collapse-item-border {
  75. border-bottom: 1px solid @borderColor;
  76. }
  77. }
  78. .uni-collapse-item__wrap {
  79. background-color: #22242d;
  80. .uni-collapse-item__wrap-content {
  81. .content{
  82. .text {
  83. color: @fontColor;
  84. padding: 8rpx 28rpx;
  85. .sitename {
  86. color: @mainColor;
  87. }
  88. &:not(:last-child) {
  89. border-bottom: 1px solid @borderColor;
  90. }
  91. }
  92. }
  93. &.uni-collapse-item--border {
  94. border-bottom: 1px solid @borderColor;
  95. }
  96. }
  97. }
  98. }
  99. }
  100. }