@import 'uview-plus/theme.scss';
|
@import '@/static/styles/theme.scss';
|
|
/* 颜色变量 - 使用CSS变量支持主题切换 */
|
|
/* 行为相关颜色 */
|
$u-primary: var(--theme-primary);
|
$u-primary-dark: var(--theme-primary-dark);
|
$u-success: var(--theme-success);
|
$u-warning: var(--theme-warning);
|
$u-error: var(--theme-error);
|
|
/* 文字基本颜色 */
|
$u-main-color: var(--theme-main-color);
|
$u-content-color: var(--theme-content-color);
|
$u-tips-color: var(--theme-tips-color);
|
$u-light-color: var(--theme-light-color);
|
$u-disabled-color: var(--theme-disabled-color);
|
|
/* 背景颜色 */
|
$u-bg-color: var(--theme-bg-color);
|
|
/* 边框颜色 */
|
$u-border-color: var(--theme-border-color);
|
|
/* 尺寸变量 */
|
|
/* 文字尺寸 */
|
$u-font-sm: 24rpx;
|
$u-font-base: 28rpx;
|
$u-font-lg: 32rpx;
|
|
/* 图片尺寸 */
|
$u-img-sm: 40rpx;
|
$u-img-base: 52rpx;
|
$u-img-lg: 80rpx;
|
|
/* Border Radius */
|
$u-border-radius-sm: 4rpx;
|
$u-border-radius-base: 6rpx;
|
$u-border-radius-lg: 12rpx;
|
$u-border-radius-circle: 50%;
|
|
/* 水平间距 */
|
$u-spacing-row-sm: 10rpx;
|
$u-spacing-row-base: 20rpx;
|
$u-spacing-row-lg: 30rpx;
|
|
/* 垂直间距 */
|
$u-spacing-col-sm: 8rpx;
|
$u-spacing-col-base: 16rpx;
|
$u-spacing-col-lg: 24px;
|
|
/* 透明度 */
|
$u-opacity-disabled: 0.3;
|
