default.less 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. :root {
  2. /* 字体大小规范 */
  3. --font-x-large: 18px;
  4. --font-large: 16px;
  5. --font-medium: 14px;
  6. --font-small: 12px;
  7. --font-x-small: 10px;
  8. /* 颜色规范 */
  9. --color-default: #384048;
  10. --color-primary: #409EFF;
  11. --color-secondary: #04c786;
  12. --color-info: #999;
  13. --color-border: #eee;
  14. --color-up: #ff2b2b;
  15. --color-down: #04c786;
  16. /* 导航栏 */
  17. --navbar-height: 44px;
  18. --navbar-color: #fff;
  19. --navbar-background: #C30D23;
  20. --navbar-backbutton-color: #fff;
  21. /* 标签栏 */
  22. --tabbar-background: #fff;
  23. --tabbar-icon: #999;
  24. --tabbar-icon-active: #c30d23;
  25. /* 内容边距 */
  26. --content-inset: 12px;
  27. /* Vant-Button */
  28. --van-button-border-width: 0;
  29. --van-button-primary-background: #1e78b9;
  30. --van-button-danger-background: #d82d42;
  31. /* Vant-Checkbox */
  32. --van-checkbox-checked-icon-color: #DD364A !important;
  33. /* Vant-Tabs */
  34. --van-tabs-bottom-bar-color: #DD364A;
  35. --van-dialog-confirm-button-text-color: #DD364A;
  36. .app-tabs {
  37. .tabs {
  38. flex-wrap: wrap;
  39. &-item {
  40. display: flex;
  41. justify-content: center;
  42. align-items: center;
  43. color: #626675;
  44. cursor: pointer;
  45. border-radius: 2px;
  46. background-color: #f0f0f1;
  47. padding: 4px 8px;
  48. &:not(:first-child) {
  49. margin-left: 5px;
  50. }
  51. &.is-active {
  52. color: #222;
  53. font-weight: bold;
  54. }
  55. }
  56. }
  57. }
  58. }