uni-app icon indicating copy to clipboard operation
uni-app copied to clipboard

css 变量未生效

Open Bo-Teng opened this issue 1 year ago • 1 comments

Hbuilder X 4.08 在App.vue中定义了一个--text-color image 在其他页面中使用这个变量但是未生效 image 在小程序的开发者工具中能看到page节点下没有看到 --text-color 这个变量,在浏览器中html这个节点有这个变量,但是在**.device-introduction这个节点下没有color:var(--text-color)**

请问是什么原因导致了这个问题

Bo-Teng avatar May 13 '24 03:05 Bo-Teng

不生效可能是 :root 在小程序下是不支持的,可以使用条件编译区分,参考如下:

/* #ifdef H5 */
:root {
  --text-color: red;
}
/* #endif */

/* #ifdef MP */
view {
  --text-color: red;
}
/* #endif */

chasonma avatar May 22 '24 09:05 chasonma

好的谢谢

Bo-Teng avatar May 24 '24 01:05 Bo-Teng