uni.scss 1007 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. /**
  2. * 全局样式变量
  3. * 在组件中通过 @import '@/uni.scss'; 引入使用
  4. */
  5. /* 主题色 */
  6. $primary-color: #007aff;
  7. $success-color: #4cd964;
  8. $warning-color: #f0ad4e;
  9. $error-color: #dd524d;
  10. /* 文字颜色 */
  11. $text-color-primary: #333333;
  12. $text-color-secondary: #666666;
  13. $text-color-placeholder: #999999;
  14. $text-color-disabled: #cccccc;
  15. /* 背景色 */
  16. $bg-color: #ffffff;
  17. $bg-color-gray: #f5f5f5;
  18. $bg-color-dark: #333333;
  19. /* 边框 */
  20. $border-color: #e5e5e5;
  21. $border-color-light: #f0f0f0;
  22. $border-radius: 8px;
  23. $border-radius-sm: 4px;
  24. $border-radius-lg: 12px;
  25. /* 间距 */
  26. $spacing-xs: 10px;
  27. $spacing-sm: 15px;
  28. $spacing-md: 20px;
  29. $spacing-lg: 30px;
  30. $spacing-xl: 40px;
  31. /* 字体大小 */
  32. $font-size-xs: 24px;
  33. $font-size-sm: 26px;
  34. $font-size-base: 28px;
  35. $font-size-md: 32px;
  36. $font-size-lg: 36px;
  37. $font-size-xl: 40px;
  38. $font-size-xxl: 48px;
  39. /* 阴影 */
  40. $box-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
  41. $box-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.15);
  42. $box-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.2);