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

【Uniapp-Vue3】@import导入css样式及scss变量用法与static目录

一、@import导入css样式

在项目文件中创建一个common文件夹,下面创建一个css文件夹,里面放上style.css文件,编写的是公共样式,我们现在要在App.vue中引入该样式。

在App.vue中引入该样式,这样就会使样式全局生效:

 二、scss变量的用法

打开uni.scss,里面定义了许多变量,我们可以使用。

如:我们使用$uni-color-primary这个颜色变量 

 

 

如果我们想要自己定义一些变量,就可以以$开头去定义变量:

当然,我们也可以使用导入的方法导入外部的scss文件:

在项目文件中创建一个common文件夹,下面创建一个scss文件夹,里面放上style.scss文件,编写的样式变量:

 

使用同样的方法导入到uni.scss文件中:

 

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

相关文章:

  • 跟我学C++中级篇——字节序
  • Linux网络编程5——多路IO转接
  • Redis常见
  • 提升 PHP 编码效率的 10 个实用函数
  • 设计模式 行为型 访问者模式(Visitor Pattern)与 常见技术框架应用 解析
  • golang之数据库操作
  • 对话新晋 Apache SeaTunnel Committer:张圣航的开源之路与技术洞察
  • Mac 删除ABC 输入法
  • 《机器学习》之K-means聚类
  • 日常工作之 Elasticsearch 常用查询语句汇总
  • WeakAuras NES Script(lua)
  • JVM 触发类加载的条件有哪些?
  • Android实战经验篇-增加系统分区
  • 深入学习 Python 量化编程
  • 机器学习笔记——特征工程
  • 4种革新性AI Agent工作流设计模式全解析
  • 【入门级】计算机网络学习
  • 安装 Jenkins 后无法访问用户名或密码且忘记这些凭证怎么办?
  • day08_Kafka
  • 安装conda 环境
  • 【dockerros2】ROS2节点通信:docker容器之间/docker容器与宿主机之间
  • 使用外网访问在群晖中搭建思源docker
  • 深度学习中的EMA技术:原理、实现与实验分析
  • win32汇编环境,窗口程序中对按钮控件常用操作的示例
  • CentOS 7.9 通过 yum 安装 Docker
  • 【开源免费】基于Vue和SpringBoot的英语知识应用网站(附论文)
  • 工具推荐:PDFgear——免费且强大的PDF编辑工具 v2.1.12
  • Web渗透测试之XSS跨站脚本 防御[WAF]绕过手法
  • MMDetection框架下的常见目标检测与分割模型综述与实践指南
  • 怎么实现Redis的高可用?