Browse Source

背景样式

lihui/feature-20250915101448-现金管理
zhangrenyuan 2 weeks ago
parent
commit
2cf5ee0ae8
  1. BIN
      src/assets/background.png
  2. BIN
      src/assets/半透明background.png
  3. 4
      src/views/home.vue

BIN
src/assets/background.png

After

Width: 1920  |  Height: 1080  |  Size: 127 KiB

BIN
src/assets/半透明background.png

After

Width: 1874  |  Height: 1054  |  Size: 10 KiB

4
src/views/home.vue

@ -211,7 +211,7 @@ function logout() {
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background-image: url('@/assets/background.jpg');
background-image: url('@/assets/background.png');
background-size: cover; background-size: cover;
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -226,7 +226,7 @@ function logout() {
right: 1vh; right: 1vh;
bottom: 1vh; bottom: 1vh;
background: rgba(255, 255, 255, 0.3); /* 更透明的背景 */ background: rgba(255, 255, 255, 0.3); /* 更透明的背景 */
backdrop-filter: blur(10px); /* 毛玻璃效果 */
backdrop-filter: blur(200px); /* 毛玻璃效果 */
z-index: 1; z-index: 1;
display: flex; display: flex;
flex-direction: row; flex-direction: row;

Loading…
Cancel
Save