在uni.scss
文件中添加 @use "sass:math";
最重要的一步:
需要将 @use "sass:math";
放置uni.scss
的最顶层
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
@use "sass:math";
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
@import "uview-plus/theme.scss";
错误写法
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 错误写法 */
@import "uview-plus/theme.scss";
@use "sass:math";
这样会造成@use "sass:math";
不生效报错。
不能将@use "sass:math";
写在index.vue
点vue文件中
/* 错误写法 */
<style lang="scss" scoped>
@use "sass:math";
xxxx:math.div()
</style>
这样会造成报错,错误我就不贴出来。
在uni.scss添加完代码以后一定要:
重启终端,重启终端,重启终端
重要的事情说三遍