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

21.(vue3.x+vite)使用scss

效果截图

在这里插入图片描述

1、安装sass

npm install  sass --save-dev

查看安装版本:sass --version

2、安装scss所需要的依赖包

npm  i node-sass sass-loader style-loader  --sava-dev

3、Scss指令

(1)@mixin
用于定义可重复使用的样式,避免了使用无语意的 class
(2)@include
导入mixin定义的“类”样式
(3)@content
会获取include{}中传递过来的所有内容(是{ },而不是())
(4)@function
定义一个函数

4、示例代码


                

http://www.kler.cn/a/613586.html

相关文章:

  • 【Flutter入门】1. 从零开始的flutter跨平台开发之旅(概述、环境搭建、第一个Flutter应用)
  • ES 加入高亮设置
  • 面向对象——开闭原则(Open-Closed Principle, OCP)
  • 大模型——AI驱动的README生成器 效率翻倍
  • 零基础驯服GitHub Pages
  • 调用deepseek大模型时智能嵌入函数
  • SpringAI与JBoltAI深度对比:从工具集到企业级AI开发范式的跃迁
  • UI产品经理基础(六):如何解决用户的质疑?
  • Unix/Linux 中 dup、dup2 和 dup3 系统调用解析
  • unity中Xcharts图表鼠标悬浮表现异常
  • Appium中元素定位之一个元素定位API
  • AIGC-头条号长文项目创作智能体完整指令(DeepSeek,豆包,千问,Kimi,GPT)
  • (!常识!)C++中的内存泄漏和野指针——如何产生?如何避免?解决方案?基本原理?面试常问重点内容?
  • 【后端】【Django】Django 信号(Signals)详解
  • 【动手学深度学习】#6 卷积神经网络
  • 鸿蒙北向应用开发:deveco 5.0 kit化文件相关
  • 数位DP模板
  • arm64位FFmpeg与X264库
  • 【云成本优化案例】K8s计费探针让跨境电商企业节省30%云预算
  • 视频生成的测试时Scaling时刻!清华开源Video-T1,无需重新训练让性能飙升