首页 前端知识 uniapp uni.scss中使用@mixin混入,在文件引入@include 样式不生效 Error: Undefined mixin.(踩坑记录一)

uniapp uni.scss中使用@mixin混入,在文件引入@include 样式不生效 Error: Undefined mixin.(踩坑记录一)

2024-05-25 09:05:55 前端知识 前端哥 767 537 我要收藏

问题:

  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 插件,并且需要重启项目, 解决此问题

拓展: 如何下载插件?

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/9369.html
标签
评论
发布的文章

用JS生成本周日期代码

2024-04-18 17:04:15

js 递归函数

2024-05-31 10:05:46

jQuery是什么?如何使用?

2024-03-12 01:03:24

js延迟加载的六种方式

2024-05-30 10:05:51

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!