From b984e17eafb11b859b29b5b7e8b0cb68a8a6957b Mon Sep 17 00:00:00 2001
From: feige996 <1020102647@qq.com>
Date: Sun, 31 Aug 2025 17:22:10 +0800
Subject: [PATCH] =?UTF-8?q?chore(about):=20=E5=A2=9E=E5=8A=A0=E5=BE=AE?=
 =?UTF-8?q?=E4=BF=A1=E5=B0=8F=E7=A8=8B=E5=BA=8F=E4=B8=ADv-bind=20css?=
 =?UTF-8?q?=E5=8F=98=E9=87=8F=E4=B8=8D=E7=94=9F=E6=95=88=E7=9A=84=E5=9C=BA?=
 =?UTF-8?q?=E6=99=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

添加测试代码验证root插件对v-bind css变量的影响，发现不使用root插件时可正常生效
---
 src/pages/about/about.vue | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/src/pages/about/about.vue b/src/pages/about/about.vue
index 72f8809..2825a73 100644
--- a/src/pages/about/about.vue
+++ b/src/pages/about/about.vue
@@ -69,6 +69,18 @@ onReady(() => {
 onShow(() => {
   console.log('onShow uniKuRoot exposeRef', uniKuRoot.value?.exposeRef)
 })
+
+// 备注：本文件内容直接放到 about.vue 页面，在`微信小程序`里面不生效，单独放到一个文件却生效，原因未知
+// 2025-08-31 经过测试，不适用root插件就可以。
+const testBindCssVariable = ref('red')
+function changeTestBindCssVariable() {
+  if (testBindCssVariable.value === 'red') {
+    testBindCssVariable.value = 'green'
+  }
+  else {
+    testBindCssVariable.value = 'red'
+  }
+}
 </script>
 
 <template root="uniKuRoot">
@@ -87,6 +99,15 @@ onShow(() => {
     </button>
     <RequestComp />
     <VBindCss />
+    <view class="text-center text-sm text-gray">
+      如下直接写，不生效，如果去掉 root插件也可以。看起来是root插件影响了
+    </view>
+    <button class="mt-4 w-60 text-center" @click="changeTestBindCssVariable">
+      toggle v-bind css变量
+    </button>
+    <view class="test-css my-2 text-center">
+      测试v-bind css变量的具体文案
+    </view>
     <view class="mb-6 h-1px bg-#eee" />
     <view class="text-center">
       <button type="primary" size="mini" class="w-160px" @click="gotoAlova">
@@ -116,3 +137,10 @@ onShow(() => {
     <view class="h-6" />
   </view>
 </template>
+
+<style lang="scss" scoped>
+.test-css {
+  color: v-bind(testBindCssVariable);
+  font-size: 24px;
+}
+</style>