uniapp + vue3 + scss 定义全局样式变量,并使用

定义一个uni.scss变量,然后在App.vue中引入:

在别的组件中使用:直接使用

最好重启项目,不然可能会报错提示说没有这个变量

报错提示没有变量,就重新启动项目,然后就可以了:

plugin:vite:css Undefined variable.

╷

241 │ color: $red-hado;

│ ^^^^^^^^^

╵

src/pages/home/index.vue 241:36 root stylesheet

at pages/home/index.vue:1:0

Error: Undefined variable.

╷

241 │ color: $red-hado;

│ ^^^^^^^^^

╵

src/pages/home/index.vue 241:36 root stylesheet

相关推荐
kyriewen4 分钟前
我上手了 Vite+ 1.0:Node 不用自己装,lint 却翻车了
前端·javascript·程序员
松就是我902986 分钟前
你的 PPT 不缺内容,缺一个讲它的人
前端
松就是我902989 分钟前
别再熬夜做 PPT 了!输入一个主题,AI 帮你把整套幻灯片做好,还能随便改字
前端
吴凡wudianmei10 分钟前
每调一次模型都花钱?如何用工程手段把调用压到最少?
前端·后端·架构
李元_霸11 分钟前
基于 AI 的 Web 与 App 端到端测试实践
前端·人工智能
欣欣之王来了16 分钟前
Vue3项目脚手架:Vite vs Vue CLI怎么选?
前端·学习·架构·项目·vue3教程
用户27886072856729 分钟前
别把 tool.completed 当成业务成功:AI 工具权限审计的四层事件链
前端
陆柒14533 分钟前
跟着 Webpack 配置学习前端工程化
前端
用户63533002547939 分钟前
Day 1|HTML5:一个商城首页的骨架,从 DOCTYPE 到语义化
前端
平凡的阿泽1 小时前
我用 Trae 实现了AI辩论赛
前端