【Uniapp-Vue3】@import导入css样式及scss变量用法与static目录
一、@import导入css样式
在项目文件中创建一个common文件夹,下面创建一个css文件夹,里面放上style.css文件,编写的是公共样式,我们现在要在App.vue中引入该样式。
在App.vue中引入该样式,这样就会使样式全局生效:
二、scss变量的用法
打开uni.scss,里面定义了许多变量,我们可以使用。
如:我们使用$uni-color-primary这个颜色变量
如果我们想要自己定义一些变量,就可以以$开头去定义变量:
当然,我们也可以使用导入的方法导入外部的scss文件:
在项目文件中创建一个common文件夹,下面创建一个scss文件夹,里面放上style.scss文件,编写的样式变量:
使用同样的方法导入到uni.scss文件中: