variable.less 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. // 主色
  2. @mColor: #01C1B5;
  3. // 字体主色
  4. @mFontColor: #444444;
  5. // 字体次色
  6. @sFontColor: #AAAAAA;
  7. // 字体颜色
  8. @tFontColor: #777777;
  9. // 白色
  10. @whiteColor: #FFFFFF;
  11. // 黑色
  12. @blackColor: #000000;
  13. // 橙色
  14. @orangeColor: #F97215;
  15. // 红色
  16. @redColor: #F85043;
  17. // 基本背景色
  18. @bgColor: #F3F4F8;
  19. /deep/.van-popup--bottom {
  20. border-radius: .1rem .1rem 0px 0px;
  21. overflow: hidden;
  22. }
  23. /deep/.van-picker__cancel {
  24. color: #666;
  25. }
  26. /deep/.van-picker__confirm {
  27. color: @mColor;
  28. }
  29. /deep/.van-list__finished-text {
  30. color: #c0c0c0;
  31. }
  32. .van-dropdown-menu__title--down::after {
  33. border-color: transparent transparent @mColor @mColor;
  34. }
  35. /deep/ .van-rate__item:not(:last-child) {
  36. padding-right: .15rem;
  37. }
  38. // Basic Colors
  39. // @black: #000;
  40. // @white: #fff;
  41. // @red: #f44;
  42. // @blue: #1989fa;
  43. // @orange: #ff976a;
  44. // @orange-dark: #ed6a0c;
  45. // @orange-light: #fffbe8;
  46. // @green: #07c160;
  47. // @gray: #c8c9cc;
  48. // @gray-light: #e5e5e5;
  49. // @gray-darker: #7d7e80;
  50. // @gray-dark: #969799;
  51. // // Component Colors
  52. // @text-color: #323233;
  53. // @border-color: #ebedf0;
  54. // @active-color: #f2f3f5;
  55. // @background-color: #f8f8f8;
  56. // @background-color-light: #fafafa;
  57. .van-button--primary {
  58. background: @mColor;
  59. border: 1px solid @mColor;
  60. }