问题：

1. 在uni.scss文件定义@mixin

2. 在vue文件引入:

3. 出现报错信息:

4. 问题思考：
是不是需要引入uni.scss ？ 答案不需要

uni.scss是一个特殊文件，在代码中无需 import 这个文件即可在scss代码中使用这里的样式变量。uni-app的编译器在webpack配置中特殊处理了这个uni.scss，使得每个scss文件都被注入这个uni.scss，达到全局可用的效果。如果开发者想要less、stylus的全局使用，需要在vue.config.js中自行配置webpack策略。

注意：
1. 如要使用这些常用变量，需要在 HBuilderX 里面安装 scss 插件；
2. 使用时需要在 style 节点上加上 lang=“scss”。

<style lang="scss">
</style>

3. pages.json不支持scss，原生导航栏和tabbar的动态修改只能使用js api

总结：

下载了scss 插件，并且需要重启项目， 解决此问题

拓展： 如何下载插件？