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

相关推荐
jayaccc19 小时前
Webpack配置详解与实战指南
前端·webpack·node.js
南囝coding19 小时前
发现一个宝藏图片对比工具!速度比 ImageMagick 快 6 倍,还是开源的
前端
前端小黑屋19 小时前
查看 Base64 编码的字体包对应的字符集
前端·css·字体
每天吃饭的羊19 小时前
媒体查询
开发语言·前端·javascript
XiaoYu200219 小时前
第8章 Three.js入门
前端·javascript·three.js
这个一个非常哈20 小时前
element之,自定义form的label
前端·javascript·vue.js
阿东在coding20 小时前
Flutter 测试框架对比指南
前端
是李嘉图呀20 小时前
npm推送包失败需要Two-factor权限认证问题解决
前端
自己记录_理解更深刻20 小时前
本地完成「新建 GitHub 仓库 react-ts-demo → 关联本地 React+TS 项目 → 提交初始代码」的完整操作流程
前端
借个火er20 小时前
Chrome 插件开发实战:5 分钟上手 + 原理深度解析
前端