4387b15de0
- 实现未登录/已登录两种状态样式 - 添加常用功能入口：我的订单、往期测评、联系我们、邀请新用户 - 添加其他功能入口：关于、用户协议、隐私政策、退出登录 - 实现退出登录二次确认弹窗 - 修复 uni.scss 中 SCSS 导入路径问题 - 整理 .gitignore 文件，移除 unpackage 构建目录
84 lines
1.8 KiB
SCSS
84 lines
1.8 KiB
SCSS
/**
|
|
* 全局样式变量
|
|
* 颜色、间距、字体等设计规范
|
|
*/
|
|
|
|
// ==================== 颜色变量 ====================
|
|
|
|
// 主色调
|
|
$primary-color: #4A90E2;
|
|
$primary-light: #6BA3E8;
|
|
$primary-dark: #3A7BC8;
|
|
|
|
// 功能色
|
|
$success-color: #52C41A;
|
|
$warning-color: #FAAD14;
|
|
$error-color: #FF4D4F;
|
|
$info-color: #1890FF;
|
|
|
|
// 文字颜色
|
|
$text-color: #333333;
|
|
$text-secondary: #666666;
|
|
$text-placeholder: #999999;
|
|
$text-disabled: #CCCCCC;
|
|
$text-white: #FFFFFF;
|
|
|
|
// 背景颜色
|
|
$bg-color: #F5F5F5;
|
|
$bg-white: #FFFFFF;
|
|
$bg-gray: #F8F8F8;
|
|
$bg-mask: rgba(0, 0, 0, 0.5);
|
|
|
|
// 边框颜色
|
|
$border-color: #E8E8E8;
|
|
$border-light: #F0F0F0;
|
|
|
|
// ==================== 间距变量 ====================
|
|
|
|
$spacing-xs: 8rpx;
|
|
$spacing-sm: 16rpx;
|
|
$spacing-md: 24rpx;
|
|
$spacing-lg: 32rpx;
|
|
$spacing-xl: 48rpx;
|
|
|
|
// ==================== 字体变量 ====================
|
|
|
|
$font-size-xs: 22rpx;
|
|
$font-size-sm: 24rpx;
|
|
$font-size-md: 28rpx;
|
|
$font-size-lg: 32rpx;
|
|
$font-size-xl: 36rpx;
|
|
$font-size-xxl: 40rpx;
|
|
|
|
// 字重
|
|
$font-weight-normal: 400;
|
|
$font-weight-medium: 500;
|
|
$font-weight-bold: 600;
|
|
|
|
// ==================== 圆角变量 ====================
|
|
|
|
$border-radius-xs: 4rpx;
|
|
$border-radius-sm: 8rpx;
|
|
$border-radius-md: 12rpx;
|
|
$border-radius-lg: 16rpx;
|
|
$border-radius-xl: 24rpx;
|
|
$border-radius-round: 9999rpx;
|
|
|
|
// ==================== 阴影变量 ====================
|
|
|
|
$shadow-sm: 0 2rpx 8rpx rgba(0, 0, 0, 0.08);
|
|
$shadow-md: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
|
|
$shadow-lg: 0 8rpx 24rpx rgba(0, 0, 0, 0.12);
|
|
|
|
// ==================== 动画变量 ====================
|
|
|
|
$transition-fast: 0.15s ease;
|
|
$transition-normal: 0.3s ease;
|
|
$transition-slow: 0.5s ease;
|
|
|
|
// ==================== 布局变量 ====================
|
|
|
|
$navbar-height: 88rpx;
|
|
$tabbar-height: 100rpx;
|
|
$safe-area-bottom: env(safe-area-inset-bottom);
|