55 lines
1.1 KiB
SCSS
55 lines
1.1 KiB
SCSS
|
/**
|
||
|
|
* uni-app 全局样式变量 - 模拟所APP
|
||
|
|
*/
|
||
|
|
|
||
|
|
/* 主题色 */
|
||
|
|
$primary-color: #00D4AA;
|
||
|
|
$primary-color-light: #00E6B8;
|
||
|
|
$primary-color-dark: #00B894;
|
||
|
|
|
||
|
|
/* 状态色 */
|
||
|
|
$success-color: #00C853;
|
||
|
|
$warning-color: #FF9800;
|
||
|
|
$error-color: #FF5252;
|
||
|
|
$info-color: #2196F3;
|
||
|
|
|
||
|
|
/* 深色主题 */
|
||
|
|
$bg-color-dark: #1A1A2E;
|
||
|
|
$bg-color-card: #16213E;
|
||
|
|
$text-color: #FFFFFF;
|
||
|
|
$text-color-secondary: rgba(255, 255, 255, 0.6);
|
||
|
|
$text-color-placeholder: rgba(255, 255, 255, 0.3);
|
||
|
|
$border-color: rgba(255, 255, 255, 0.1);
|
||
|
|
|
||
|
|
/* 涨跌色 */
|
||
|
|
$up-color: #00C853;
|
||
|
|
$down-color: #FF5252;
|
||
|
|
|
||
|
|
/* 字体大小 */
|
||
|
|
$font-size-xs: 22rpx;
|
||
|
|
$font-size-sm: 24rpx;
|
||
|
|
$font-size-base: 28rpx;
|
||
|
|
$font-size-md: 30rpx;
|
||
|
|
$font-size-lg: 32rpx;
|
||
|
|
$font-size-xl: 36rpx;
|
||
|
|
$font-size-xxl: 48rpx;
|
||
|
|
|
||
|
|
/* 间距 */
|
||
|
|
$spacing-xs: 8rpx;
|
||
|
|
$spacing-sm: 16rpx;
|
||
|
|
$spacing-base: 24rpx;
|
||
|
|
$spacing-md: 32rpx;
|
||
|
|
$spacing-lg: 48rpx;
|
||
|
|
$spacing-xl: 64rpx;
|
||
|
|
|
||
|
|
/* 圆角 */
|
||
|
|
$border-radius-sm: 8rpx;
|
||
|
|
$border-radius-base: 12rpx;
|
||
|
|
$border-radius-lg: 20rpx;
|
||
|
|
$border-radius-xl: 24rpx;
|
||
|
|
$border-radius-round: 999rpx;
|
||
|
|
|
||
|
|
/* 阴影 */
|
||
|
|
$box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.3);
|
||
|
|
$box-shadow-lg: 0 4rpx 24rpx rgba(0, 0, 0, 0.4);
|