uni-app中使用scss的示例代码

遇到的坑

整个一个下午我都在解决uni-app中使用scss的坑，首先说一下我的问题，在用scss时一直不能使用@mixin，然后百度各种办法调试：

代码写法问题（完全按官网的写法来的不可行）: 官网demo

浏览器问题（换火狐不行）。

语法版本问题（换了写法同样不行）: scss使用mixin不生效，浏览器无法编译出来

插件没有安装上（重装还是不好使）。

把<style type='css'> 改成了 scss ， 还是不行。

使用scss新语法还时不行

整个一下午实在是弄不出来，没办法的情况下，想着直接用vue的中安装scss的方法来操作一下试试，结果还真可以了。

需要注意的是不能全局引入，只能一个页面一个页面的引入，我也是醉了。

总结:

uni-app就是vue的基础上做的，下次如果要安装/引入什么东西，就先vue操作一下，不行再按uni-app的操作。

示例 scss app