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

相关推荐
猪八宅百炼成仙8 小时前
解决Vue项目中scrollIntoView导致的布局异常问题
前端
miss8 小时前
Vue2 → Vue3 深度对比:8 大核心优化,性能提升 2 倍
前端·vue.js·架构
绝世唐门三哥9 小时前
React---数组浅拷贝之slice的使用
前端·reactjs
傅里叶9 小时前
Flutter开发的app,实现Google 登录
前端·flutter
胖橘9 小时前
适用于Vue3的高集成度文件预览组件,支持多种类型的文件
前端·vue.js·开源
我叫黑大帅9 小时前
🚀 JS 最常用的性能优化 防抖和节流
前端·javascript·面试
啊丫丫9 小时前
【深入浅出地学习Vue】——vue2
前端·vue.js
求知若饥9 小时前
webpage-channel 让不同页面通信像组件通信一样简便
前端·typescript·node.js
图扑软件9 小时前
图扑 HT 帧动画 | 3D 动态渲染设计与实现
前端·javascript·3d·动画·数字孪生
终端鹿9 小时前
Pinia 与 Vue Router 权限控制实战(衔接Pinia基础篇)
前端·javascript·vue.js