EIEI/wechat_wc
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(ui): 底栏透明度从 0.4 降至 0.32

Browse Source
This commit is contained in:
broccoli
2026-08-18 21:34:51 +08:00
parent 242c52af43
commit f9099f4aec
3 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/custom-tab-bar/index.wxss
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
src/custom-tab-bar/index.scss
+2 -2
View File
@@ -33,7 +33,7 @@
height: 116rpx; height: 116rpx;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; overflow: hidden;
background: rgba(255, 255, 255, 0.4); background: rgba(255, 255, 255, 0.32);
backdrop-filter: blur(32px) saturate(1.7) brightness(1.05); backdrop-filter: blur(32px) saturate(1.7) brightness(1.05);
-webkit-backdrop-filter: blur(32px) saturate(1.7) brightness(1.05); -webkit-backdrop-filter: blur(32px) saturate(1.7) brightness(1.05);
display: flex; display: flex;
@@ -50,7 +50,7 @@
/* 自定义组件样式隔离：两套主题配色在组件内自包含，不依赖全局 app.wxss */ /* 自定义组件样式隔离：两套主题配色在组件内自包含，不依赖全局 app.wxss */
.custom-tab-bar.theme-dark { .custom-tab-bar.theme-dark {
background: rgba(25, 25, 25, 0.4); background: rgba(25, 25, 25, 0.32);
backdrop-filter: blur(32px) saturate(1.7) brightness(1.05); backdrop-filter: blur(32px) saturate(1.7) brightness(1.05);
-webkit-backdrop-filter: blur(32px) saturate(1.7) brightness(1.05); -webkit-backdrop-filter: blur(32px) saturate(1.7) brightness(1.05);
border-color: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.1);
tools/liquid-glass.test.mjs
+2
View File
@@ -15,6 +15,8 @@ test('custom tab bar renders the liquid-glass overlay layers', () => {
test('custom tab bar uses bright glass material and the silver rim', () => { test('custom tab bar uses bright glass material and the silver rim', () => {
const css = read('src/custom-tab-bar/index.scss') const css = read('src/custom-tab-bar/index.scss')
assert.match(css, /background: rgba\(255, 255, 255, 0\.32\)/)
assert.match(css, /background: rgba\(25, 25, 25, 0\.32\)/)
assert.match(css, /backdrop-filter: blur\(32px\) saturate\(1\.7\) brightness\(1\.05\)/) assert.match(css, /backdrop-filter: blur\(32px\) saturate\(1\.7\) brightness\(1\.05\)/)
assert.match(css, /-webkit-backdrop-filter: blur\(32px\) saturate\(1\.7\) brightness\(1\.05\)/) assert.match(css, /-webkit-backdrop-filter: blur\(32px\) saturate\(1\.7\) brightness\(1\.05\)/)
assert.match(css, /mask-composite: exclude/) assert.match(css, /mask-composite: exclude/)