fix: 处理界面展示相关联的问题

This commit is contained in:
MTrun
2022-01-07 22:02:13 +08:00
parent 34722916b0
commit 05ed82b091
21 changed files with 348 additions and 112 deletions
+2 -2
View File
@@ -10,6 +10,8 @@ $dark: (
background-color3: $--color-dark-bg-3,
background-color4: $--color-dark-bg-4,
background-color5: $--color-dark-bg-5,
// 毛玻璃背景
filter-color: $--filter-color-login-dark,
//渐变背景
background-image:
linear-gradient(120deg, $--color-dark-bg-1 0%, $--color-dark-bg-1 100%),
@@ -19,8 +21,6 @@ $dark: (
linear-gradient($--color-dark-bg-1 14px, transparent 0),
linear-gradient(90deg, transparent 14px, $--color-text-2 0)
),
//毛玻璃
filter-color: $--filter-color-login-dark,
// 物料市场背景
items-top-bg:
linear-gradient(180deg, $--color-dark-bg-1, rgba(23, 23, 26, 0)),
+2 -2
View File
@@ -12,6 +12,8 @@ $light: (
background-color3: $--color-light-bg-3,
background-color4: $--color-light-bg-4,
background-color5: $--color-light-bg-5,
// 毛玻璃背景
filter-color: $--filter-color-login-light,
//渐变背景
background-image:
linear-gradient(120deg, $--color-light-bg 0%, $--color-light-bg 100%),
@@ -21,8 +23,6 @@ $light: (
linear-gradient($--color-light-bg-1 14px, transparent 0),
linear-gradient(90deg, transparent 14px, $--color-dark-bg-5 0)
),
//毛玻璃
filter-color: $--filter-color-login-light,
// hover 边框颜色
hover-border-color: $--color-light-bg-1
);
+1 -1
View File
@@ -35,7 +35,7 @@
// 毛玻璃
.go-background-filter {
backdrop-filter: $--filter-blur-base;
background-color: $--filter-color-base-1;
@include filter-bg-color('filter-color');
box-shadow: $--border-shadow;
}
+2 -5
View File
@@ -37,11 +37,8 @@ $--footer-height: 50px;
// 模糊
$--filter-blur-base: blur(20px);
// 毛玻璃
$--filter-color-base-1: rgba(0, 0, 0, 0.1);
$--filter-color-base-2: rgba(0, 0, 0, 0.2);
$--filter-color-base-3: rgba(23, 23, 26, 0.3);
$--filter-color-login-dark: rgba(89, 95, 103, 0.45);
$--filter-color-login-light: rgba(187, 202, 217, 0.7);
$--filter-color-login-dark: rgba(35,35,36, 0.8);
$--filter-color-login-light: rgba(240, 240, 240, 0.8);
// 边框
$--border-radius-base: 8px;