当前位置: 首页 > news >正文

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

问题:

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

拓展: 如何下载插件?

在这里插入图片描述

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

http://www.lryc.cn/news/331602.html

相关文章:

  • Redis的5大常见数据类型的用法
  • 刘小光本就疑心赵本山与他媳妇李琳有染,赵本山为证实清白便想起蛋糕上的字,结果呢?
  • Unity之PUN实现多人联机射击游戏的优化(Section 2)
  • 多叉树题目:N 叉树的层序遍历
  • 时序数据库IoTDB:功能详解与行业应用
  • 信息系统项目管理师——第18章项目绩效域管理(一)
  • WebSocket用户验证
  • NOSQL(非关系型数据库)的优缺点有哪些?
  • 个人推荐Redis比较好的一种使用规范
  • 【教程】宝塔default.db占用空间几十g解决方法|宝塔占用磁盘空间特别大解决方法|宝塔磁盘被占满怎么清理
  • Unity类银河恶魔城学习记录11-15 p117 Ice and Fire item Effect源代码
  • Qt QML的枚举浅用
  • 设计模式:单例模式六种实现
  • Mybatis-Plus05(分页插件)
  • python爬取B站视频
  • 深度学习500问——Chapter05: 卷积神经网络(CNN)(2)
  • 基于单片机的测时仪系统设计
  • 鸿蒙原生应用开发-网络管理Socket连接(三)
  • 【Java EE】关于Maven
  • 每日一题:C语言经典例题之反转数
  • RESTfull接口访问Elasticsearch
  • NoSQL之Redis
  • double二分(P3743 小鸟的设备)
  • 【独立开发前线】Vol.36 为什么从2023年开始,独立开发者越来越多了?
  • GPT4不限制使用次数了!GPT5即将推出了!
  • 物联网实战--入门篇之(六)嵌入式-WIFI驱动(ESP8266)
  • Java并发编程基础面试题详细总结
  • EKO / 砍树
  • Kafka面试宝典
  • Redis性能管理