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

@import导入样式以及scss变量应用与static目录

@import函数:使用@import语句可以导入外联样式表@import后跟需要导入的外联样式表的相对路径,用;表示语句结束。

static目录:就是无论你有没有在这个目录里用过,它都会进行编译打包

@import函数应用:先在在项目里创建一个common 目录, 目录里面分别创建css,js,scss文件夹,而后css文件夹里创建一个style.css文件,里面把App.vue页面的样式拿过来

而后在App.vue页面里面使用@import导入style.css文件,这样就可以实现样式改变了

scss变量:就是项目中uni-scss页面里面定义的文字颜色等,是uni-app内置的常用样式变量

我们也可以自己在uni-scss页面里面定义样式变量

直接把uni-scss页面里面定义的变量名拿过来即可,记得后面不要加东西,只要变量名即可

也可以把自己定义的样式变量放入common 目录中,在scss文件夹里创建一个scss文件,把样式变量放进去,然后在本页面用@import导入,一样可以用

点击scss文件夹右键点击新建,有一个选项叫自定义文件,前面写名称,后面写你要文件的类型即可(如:scss)

在uni-scss页面中记得以分号结尾,还有多点击几次重启按钮,不然还是会报错

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

相关文章:

  • 分类中的语义一致性约束:助力模型优化
  • 前端框架介绍
  • java基础知识-JVM知识详解
  • 流动会场:以声学专利为核心的完美移动场地—轻空间
  • 深度学习(一)-感知机+神经网络+激活函数
  • 目标检测-YOLOv4
  • 一台笔记本电脑的硬件都有哪些以及对应的功能
  • 【程序分享1】第一性原理计算 + 数据处理程序
  • 【数据结构】栈与队列OJ题(用队列实现栈)(用栈实现队列)
  • element-ui打包之后图标不显示,woff、ttf加载404
  • 探究零工市场小程序如何改变传统兼职模式
  • MySQL数据库安装(详细)—>Mariadb的安装(day21)
  • 微信小程序实践案例
  • DataLoader使用
  • CSS学习11--版心和布局流程以及几种分布的例子
  • NetSuite AI 图生代码
  • Java - BigDecimal计算中位数
  • Tensorflow2如何读取自制数据集并训练模型?-- Tensorflow自学笔记13
  • JVM系列(七) -对象的内存分配流程
  • Apache Ignite 在处理大规模数据时有哪些优势和局限性?
  • 怎么利用NodeJS发送视频短信
  • WebAPI(三)、 DOM 日期对象Date;获取事件戳;根据节点关系查找节点
  • 012.Oracle-索引
  • SSL 证书 | 免费获取与自动续期全攻略
  • 达梦数据库管理员常用SQL(一)
  • HttpUtils工具类(三)OKHttpClient使用详细教程
  • 重生奇迹MU老大哥剑士职业宝刀未老
  • 关于Netty详细介绍,Netty原理架构解析
  • 在Unity环境中使用UTF-8编码
  • 零工市场小程序:自由职业者的日常工具