| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 |
- /* 洗车运营端设计规范 - Soft UI Evolution */
- /* 1. 品牌主色调 */
- $uni-color-primary: #C6171E;
- $uni-color-primary-light: #E84545;
- $uni-color-primary-dark: #A81212;
- /* 2. 辅助色 */
- $uni-color-success: #4CAF50;
- $uni-color-warning: #FF9800;
- $uni-color-error: #F44336;
- $uni-color-info: #2196F3;
- /* 3. 中性色系统 */
- $uni-text-color: #1A1A1A;
- $uni-text-color-grey: #666666;
- $uni-text-color-light: #999999;
- $uni-text-color-placeholder: #B0B0B0;
- $uni-bg-color: #FFFFFF;
- $uni-page-bg-color: #F5F7FA;
- $uni-card-bg-color: #FFFFFF;
- $uni-border-color: #E0E0E0;
- $uni-border-color-light: #F0F0F0;
- /* 4. 字体规范 — Inter + 系统回退 */
- $uni-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
- $uni-font-size-xs: 12px;
- $uni-font-size-sm: 14px;
- $uni-font-size-base: 16px;
- $uni-font-size-lg: 18px;
- $uni-font-size-xl: 20px;
- $uni-font-size-xxl: 24px;
- $uni-font-size-xxxl: 32px;
- $uni-font-weight-regular: 400;
- $uni-font-weight-medium: 500;
- $uni-font-weight-semibold: 600;
- $uni-font-weight-bold: 700;
- $uni-line-height-xs: 1.2;
- $uni-line-height-sm: 1.4;
- $uni-line-height-base: 1.5;
- $uni-line-height-lg: 1.8;
- /* 5. 间距系统 */
- $uni-spacing-xs: 8rpx;
- $uni-spacing-sm: 16rpx;
- $uni-spacing-base: 24rpx;
- $uni-spacing-lg: 32rpx;
- $uni-spacing-xl: 40rpx;
- $uni-card-spacing: 20rpx;
- /* 6. 圆角 — 标准化为 4 级 */
- $uni-border-radius-sm: 8px;
- $uni-border-radius-md: 12px;
- $uni-border-radius-lg: 16px;
- $uni-border-radius-xl: 24px;
- $uni-border-radius-circle: 50%;
- $uni-border-radius-pill: 100px;
- /* 7. 阴影 — Soft UI Evolution 分层软阴影 */
- $uni-box-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
- $uni-box-shadow-base: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
- $uni-box-shadow-lg: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.06);
- $uni-box-shadow-xl: 0 10px 15px rgba(0, 0, 0, 0.08), 0 4px 6px rgba(0, 0, 0, 0.05);
- $uni-box-shadow-nav: 0 2px 8px rgba(198, 23, 30, 0.15);
- /* 8. 动画过渡 */
- $uni-transition-duration-fast: 0.15s;
- $uni-transition-duration-base: 0.25s;
- $uni-transition-duration-slow: 0.35s;
- $uni-transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
- /* 9. 聚焦环 */
- $uni-focus-ring: 0 0 0 3px rgba(198, 23, 30, 0.2);
- /* 10. 状态颜色 */
- $uni-color-idle: #4CAF50;
- $uni-color-busy: #FF9800;
- $uni-color-error-state: #F44336;
|
