| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- /**
- * 全局样式变量
- * 在组件中通过 @import '@/uni.scss'; 引入使用
- */
- /* 主题色 */
- $primary-color: #007aff;
- $success-color: #4cd964;
- $warning-color: #f0ad4e;
- $error-color: #dd524d;
- /* 文字颜色 */
- $text-color-primary: #333333;
- $text-color-secondary: #666666;
- $text-color-placeholder: #999999;
- $text-color-disabled: #cccccc;
- /* 背景色 */
- $bg-color: #ffffff;
- $bg-color-gray: #f5f5f5;
- $bg-color-dark: #333333;
- /* 边框 */
- $border-color: #e5e5e5;
- $border-color-light: #f0f0f0;
- $border-radius: 8px;
- $border-radius-sm: 4px;
- $border-radius-lg: 12px;
- /* 间距 */
- $spacing-xs: 10px;
- $spacing-sm: 15px;
- $spacing-md: 20px;
- $spacing-lg: 30px;
- $spacing-xl: 40px;
- /* 字体大小 */
- $font-size-xs: 24px;
- $font-size-sm: 26px;
- $font-size-base: 28px;
- $font-size-md: 32px;
- $font-size-lg: 36px;
- $font-size-xl: 40px;
- $font-size-xxl: 48px;
- /* 阴影 */
- $box-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
- $box-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.15);
- $box-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.2);
|