github/go-view
4
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2026-04-23 00:00:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

编写登录页样式

Browse Source
This commit is contained in:
MTrun
2021-12-14 21:28:32 +08:00
parent ac8274f791
commit 50a8249ac8
5 changed files with 28 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/common/mixins/function.scss
View File
src/styles/common/style.scss
+5 -3
View File
@@ -1,14 +1,16 @@
@import './var.scss';
@import './animation.scss';
// extends
// 毛玻璃
.--background-filter {
.go-background-filter {
backdrop-filter: $--filter-blur-base;
background-color: $--filter-color-base;
background-color: $--filter-color-base-1;
box-shadow: $--border-shadow;
}
// 边框圆角
.--border-radius {
.go-border-radius {
border-radius: $--border-radius-base;
overflow: hidden;
}
src/styles/common/var.scss
+6 -2
View File
@@ -13,9 +13,13 @@ $--color-text-4: hsla(0, 0%, 100%, 0.3);
// 顶部距离
$--header-height: 60px;
// 模糊
$--filter-blur-base: blur(2px);
$--filter-blur-base: blur(20px);
// 毛玻璃
$--filter-color-base: rgba(0, 0, 0, 0.07);
$--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);
// 边框
$--border-radius-base: 8px;
$--border-bottom-style: 1px solid $--color-border;
// 阴影
$--border-shadow: 0 8px 20px rgba(0,0,0, .15);