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

相关推荐
夏暖冬凉3 分钟前
npm发布流程(记录遇到的问题)
前端·npm·node.js
XPoet9 分钟前
AI 编程工程化:Subagent——给你的 AI 员工打造协作助手
前端·后端·ai编程
心连欣1 小时前
解锁对象遍历:当字符串遇上for...in循环
前端·javascript
Sestid1 小时前
前端Cursor使用指南(后续会更新Claude)
前端·claude·cursor
戴维南1 小时前
LangChain 在 Agent 开发中的定位:10 个模块(含代码对比,耳机售后案例)
前端
ouzz1 小时前
使用纯canvas绘制一个掘金首页
前端·canvas
用户6957584491281 小时前
Vue 3 响应式系统:解构赋值与依赖收集的正确姿势
前端
乐乐同学yorsal1 小时前
一个 TypeScript 写的图片视频处理工具箱,吊打一切付费软件!
前端·命令行
lzhdim1 小时前
SQL 入门 10:SQL 内置函数:数值、字符串与时间处理
前端·数据库·sql
jstopo网站1 小时前
水厂水泵工作流程图canvas动画
前端·javascript