项目场景：页面的样式重复我想提取出来作为公共样式新建scss文件，然后引入，结果样式不生效问题描述：uniapp官网示例引入css的方法/* 绝对路径 */@import url('/common/uni.css');@import url('@/common/uni.css');/* 相对路径 */@import url('../../common/uni.css'); 解决方案：正确的引入方法@import '@/common/common.scss';...
预览：https://img-blog.csdnimg.cn/c26a64c14d3543afa3ded3e81b7475b6.png
说明：
前端
模块-简洁注册页模版
框架：
uniapp
技术站：vue2、s
css
整个一个下午我都在解决
uni
-app中
使用
s
css
的坑，首先说一下我的问题，在用s
css
时一直不能
使用
@mixin，然后百度各种办法调试：
代码写法问题（完全按官网的写法来的不可行）: 官网demo
浏览器问题（换火狐不行）。
语法
版本问题（换了写法同样不行）: s
css
使用
mixin
不生效
，浏览器无法编译出来
插件没有安装上（重装还是不好使）。
把<style type=’
css
’> 改成了 s
css
， 还是不行。
使用
s
css
新
语法
还时不行
整个一下午实在是弄不出来，没办法的情况下，想着直接用vue的中安装s
css
的方法来操作一下试试，结果还真可以了。
需要注意的是不能全局
HBuilderX 版本升级到:3.2.3.20210825
这个是我在
使用
live-pusher的时候 cover-view的样式显示出现问题,后来发现是nvue 样式编译模式的缘故.
由于我之前
使用
的是2.6.16版本,在升级最新版本后没有配置nvue样式编译模式,是没有这一项的,在加上之后就显示成功啦(￣▽￣)~*
以下内容是在官方文档中找到的:https://ask.dcloud.net.cn/article/38751
HBuilderX 3.1.0+ 开始支持新的样式编译模式
以为在main.js全局引入了就一劳永逸，写着常规
css
样式时还好好的，用到s
css
变量时就报错了。· 解决方法一
在需要用到的 .vue
文件
里单独引用 variable.s
css
变量
文件
，but达不到我们想要的“一劳永逸“效果
可能还会有奇奇怪怪的潜在问题，建议
使用
方法二。
· 解决方法二
配置vue.config.js
文件
，使得全局都能
使用
sc...
1. 引入s
css
文件
时，路径需要以`@`开头，表示项目根目录。
2. `vue.config.js`
文件
中的`sass`选项，可以根据实际情况进行配置，例如：`data`选项可以用来设置全局变量、mixin等。
3. 在
使用
`@extend`继承样式类时，需要注意样式类的优先级问题，可以
使用
`!important`来提高优先级。
