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

相关推荐
json{shen:"jing"}30 分钟前
16_Vue引入路由配置 17.路由传递参数
前端·javascript·vue.js
机器视觉的发动机31 分钟前
大语言模型:从理论起源到技术革命
前端·javascript·自动化·视觉检测·ecmascript·easyui·机器视觉
2501_9159214336 分钟前
在没有源码的前提下,怎么对 Swift 做混淆,IPA 混淆
android·开发语言·ios·小程序·uni-app·iphone·swift
m0_736034854 小时前
1.28笔记
前端·chrome·笔记
奔跑的web.9 小时前
TypeScript 装饰器入门核心用法
前端·javascript·vue.js·typescript
集成显卡9 小时前
Lucide Icons:一套现代、轻量且可定制的 SVG 图标库
前端·ui·图标库·lucide
pas13610 小时前
37-mini-vue 解析插值
前端·javascript·vue.js
十里-11 小时前
vue.js 2前端开发的项目通过electron打包成exe
前端·vue.js·electron
雨季66611 小时前
构建 OpenHarmony 简易文字行数统计器:用字符串分割实现纯文本结构感知
开发语言·前端·javascript·flutter·ui·dart
小北方城市网12 小时前
Redis 分布式锁高可用实现:从原理到生产级落地
java·前端·javascript·spring boot·redis·分布式·wpf