项目初始化

gaoluyang

3 天以前 92230c9a97dc9ce9df3313d11d26999c04bb6b26

 src/uni_modules/uni-scss/variables.scss

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,62 @@
@import './styles/setting/_variables.scss';
// é—´è·åŸºç¡€å€æ•°
$uni-space-root: 2;
// è¾¹æ¡†åŠå¾„默认值
$uni-radius-root:5px;

// ä¸»è‰²
$uni-primary: #2979ff;
$uni-primary-disable:mix(#fff,$uni-primary,50%);
$uni-primary-light: mix(#fff,$uni-primary,80%);

// è¾…助色
// é™¤äº†ä¸»è‰²å¤–的场景色，需要在不同的场景中使用（例如危险色表示危险的操作）。
$uni-success: #18bc37;
$uni-success-disable:mix(#fff,$uni-success,50%);
$uni-success-light: mix(#fff,$uni-success,80%);

$uni-warning: #f3a73f;
$uni-warning-disable:mix(#fff,$uni-warning,50%);
$uni-warning-light: mix(#fff,$uni-warning,80%);

$uni-error: #e43d33;
$uni-error-disable:mix(#fff,$uni-error,50%);
$uni-error-light: mix(#fff,$uni-error,80%);

$uni-info: #8f939c;
$uni-info-disable:mix(#fff,$uni-info,50%);
$uni-info-light: mix(#fff,$uni-info,80%);

// ä¸­æ€§è‰²
// ä¸­æ€§è‰²ç”¨äºŽæ–‡æœ¬ã€èƒŒæ™¯å’Œè¾¹æ¡†é¢œè‰²ã€‚通过运用不同的中性色，来表现层次结构。
$uni-main-color: #3a3a3a;          // ä¸»è¦æ–‡å­—
$uni-base-color: #6a6a6a;         // å¸¸è§„文字
$uni-secondary-color: #909399;   // æ¬¡è¦æ–‡å­—
$uni-extra-color: #c7c7c7;         // è¾…助说明

// è¾¹æ¡†é¢œè‰²
$uni-border-1: #F0F0F0;
$uni-border-2: #EDEDED;
$uni-border-3: #DCDCDC;
$uni-border-4: #B9B9B9;

// å¸¸è§„色
$uni-black: #000000;
$uni-white: #ffffff;
$uni-transparent: rgba($color: #000000, $alpha: 0);

// èƒŒæ™¯è‰²
$uni-bg-color: #f7f7f7;

/* æ°´å¹³é—´è· */
$uni-spacing-sm: 8px;
$uni-spacing-base: 15px;
$uni-spacing-lg: 30px;

// é˜´å½±
$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5);
$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2);
$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5);

// è’™ç‰ˆ
$uni-mask: rgba($color: #000000, $alpha: 0.4);