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

相关推荐
lee5768 小时前
鄙人的 Vue 3.0 商业级开源甘特图已经发布到 npm
前端·vue.js·npm·开源·甘特图
2501_916008898 小时前
iOS 应用发布流程中常被忽视的关键环节
android·ios·小程序·https·uni-app·iphone·webview
前端老曹8 小时前
vue3 三级路由无法缓存的终终终终终终极解决方案
前端·javascript·vue.js
顾安r8 小时前
12.17 脚本网页 创意导航
java·linux·前端·游戏·html
小明记账簿8 小时前
CSS mix-blend-mode 实现元素融合效果
前端·css
_Kayo_8 小时前
React 动态显示icon
前端·react.js·react
free-elcmacom8 小时前
Python实战项目<3>赛制分数分析
开发语言·前端·python·数据分析
Mr.Jessy13 小时前
JavaScript高级:构造函数与原型
开发语言·前端·javascript·学习·ecmascript
白兰地空瓶15 小时前
🚀你以为你在写 React?其实你在“搭一套前端操作系统”
前端·react.js