/** * uni-app 内置样式变量 + 项目自定义变量 */ /* ========== uni-app 官方变量 ========== */ /* 行为相关颜色 */ $uni-color-primary: #6366f1; $uni-color-success: #22c55e; $uni-color-warning: #f59e0b; $uni-color-error: #ef4444; /* 文字基本颜色 */ $uni-text-color: #1e293b; $uni-text-color-inverse: #fff; $uni-text-color-grey: #64748b; $uni-text-color-placeholder: #94a3b8; $uni-text-color-disable: #c0c0c0; /* 背景颜色 */ $uni-bg-color: #ffffff; $uni-bg-color-grey: #f5f6fa; $uni-bg-color-hover: #f1f5f9; $uni-bg-color-mask: rgba(0, 0, 0, 0.4); /* 边框颜色 */ $uni-border-color: #e2e8f0; /* 文字尺寸 */ $uni-font-size-sm: 12px; $uni-font-size-base: 14px; $uni-font-size-lg: 16px; /* 图片尺寸 */ $uni-img-size-sm: 20px; $uni-img-size-base: 26px; $uni-img-size-lg: 40px; /* Border Radius */ $uni-border-radius-sm: 4px; $uni-border-radius-base: 8px; $uni-border-radius-lg: 12px; $uni-border-radius-circle: 50%; /* 水平间距 */ $uni-spacing-row-sm: 5px; $uni-spacing-row-base: 10px; $uni-spacing-row-lg: 15px; /* 垂直间距 */ $uni-spacing-col-sm: 4px; $uni-spacing-col-base: 8px; $uni-spacing-col-lg: 12px; /* 透明度 */ $uni-opacity-disabled: 0.3; /* ========== 项目自定义变量 ========== */ $brand-color: #6366f1; $brand-light: #a5b4fc; $text-primary: #1e293b; $text-secondary: #64748b; $text-placeholder: #94a3b8; $bg-page: #f5f6fa; $bg-card: #ffffff; $border-color: #e2e8f0; $success-color: #22c55e; $warning-color: #f59e0b; $danger-color: #ef4444; $radius-sm: 8rpx; $radius-md: 16rpx; $radius-lg: 24rpx;