fix: tab bar icons invisible due to CSS variable isolation

lc/wx_pbzc

Root cause: WeChat miniprogram components have style isolation by default.
Changing tab bar hardcoded #888/#666 to var(--text-secondary) broke
because --text-secondary was only defined on page{} in app.wxss and
couldn't cascade into the custom-tab-bar component.

Fix:
1. theme.js: inject BASE_VARS (--text, --text-secondary, --border, etc.)
   into themeStyle string so they're available via inline style everywhere
2. Add styleIsolation: apply-shared to all 3 component JSONs so page-level
   CSS variables cascade into components

This commit is contained in:

cnliucheng

2026-06-04 16:39:17 +08:00

parent 89d93c8155

commit 5d155e41fe

4 changed files with 6 additions and 2 deletions

									
										custom-tab-bar/index.json
									
		+1
		
												View File
												
				@@ -1,4 +1,5 @@

				{

				  "component": true,

				  "styleIsolation": "apply-shared",

				  "usingComponents": {}

				}