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

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

news 2026/2/9 23:30:54

一、@import导入css样式

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

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

 二、scss变量的用法

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

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

 

 

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

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

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

 

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

 

相关文章：

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

一、import导入css样式 在项目文件中创建一个common文件夹，下面创建一个css文件夹，里面放上style.css文件，编写的是公共样式，我们现在要在App.vue中引入该样式。 在App.vue中引入该样式，这样就会使样式全局生效&#…...

编程日记 2025/1/15 2:39:16

跟我学C++中级篇——字节序

一、什么是字节序 在谈字节序前讲个小故事，在小说《格列佛游记》中，有两派势力为了吃鸡蛋的时候儿到底是先打破大的一端还是打破小的一端展开了战争，而且这场战争持续了很久。后来，1980年，Danny Cohen在论文"On …...

编程日记 2025/1/15 2:34:11

Linux网络编程5——多路IO转接

一.TCP状态时序理解 1.TCP状态理解 **CLOSED：**表示初始状态。 **LISTEN：**该状态表示服务器端的某个SOCKET处于监听状态，可以接受连接。 **SYN_SENT：**这个状态与SYN_RCVD遥相呼应，当客户端SOCKET执行CONNECT连接时…...

编程日记 2025/1/15 2:31:06

Redis常见

Redis 事务 什么是 Redis 事务？ 你可以将 Redis 中的事务理解为：Redis 事务提供了一种将多个命令请求打包的功能。然后，再按顺序执行打包的所有命令，并且不会被中途打断。 Redis 事务实际开发中使用的非常少，功能比…...

编程日记 2025/1/15 2:30:04

提升 PHP 编码效率的 10 个实用函数

PHP开发者始终追求更简洁、高效的代码。幸运的是，PHP 提供了丰富的内置函数，能显著减少手动编码，提升开发效率。无论经验深浅，掌握这些函数的使用技巧都至关重要。 以下列出了 10 个可以显著加快您的编码过程的 PHP 函数&#xf…...

编程日记 2025/1/15 2:21:56

设计模式 行为型 访问者模式（Visitor Pattern）与 常见技术框架应用 解析

访问者模式（Visitor Pattern）是一种行为设计模式，它允许你在不改变元素类的前提下定义作用于这些元素的新操作。这种模式将算法与对象结构分离，使得可以独立地变化那些保存在复杂对象结构中的元素的操作。 假设我们有一个复杂的对…...

编程日记 2025/1/15 2:19:53

golang之数据库操作

1.导入必要的包 import("database/sql"_ "github.com/go-sql-driver/mysql" //使用此作为数据库驱动 ) 2.相关操作 连接数据库 使用sql.Open()函数进行数据库的连接 db, err : sql.Open("mysql", "user:passwordtcp(127.0.0.1:3306)/db…...

编程日记 2025/1/15 2:18:52

对话新晋 Apache SeaTunnel Committer：张圣航的开源之路与技术洞察

近日，张圣航被推选为 Apache SeaTunnel 的 Committer成员。带着对技术的热情和社区的责任，他将如何跟随 Apache SeaTunnel 社区迈向新的高度？让我们一起来聆听他的故事。 自我介绍 请您简单介绍一下自己，包括职业背景、当前的工作…...

编程日记 2025/1/15 2:16:46

Mac 删除ABC 输入法

参考链接：百度安全验证 Mac下删除系统自带输入法ABC，正解！_mac删除abc输入法-CSDN博客 ABC 输入法和搜狗输入法等 英文有冲突~~ 切换后还会在英文状态，可以删除 ；可能会对DNS 输入有影响，但是可以通过复…...

编程日记 2025/1/15 2:12:38

《机器学习》之K-means聚类

目录 一、简介 二、K-means聚类实现步骤 1、初始化数据点、确定K值 2、通过距离分配数据点 3、更新簇中心 4、 迭代更新 三、聚类效果评价方式 1、轮廓系数的定义 2、整体轮廓系数 3、使用场景 4、优点 5、缺点 6、代码实现方法 四、K-means聚类代码实现 1、API接…...

编程日记 2025/1/15 2:08:29

日常工作之 Elasticsearch 常用查询语句汇总

日常工作之 Elasticsearch 常用查询语句汇总 查询现有索引创建索引查询索引结构插入数据查询索引数据查看索引磁盘占用信息删除索引查看分词器分词结果指定查询数量指定条件查询数据迁移统计索引数据量更新数据 在使用 es 的过程中，总是会用到 es 的查询语句&#x…...

编程日记 2025/1/15 2:07:21

WeakAuras NES Script（lua）

WeakAuras NES Script 修星脚本字符串 脚本1：NES !WA:2!TMZFWXX1zDxVAs4siiRKiBN4eV(sTRKZ5Z6opYbhQQSoPtsxr(K8ENSJtS50(J3D7wV3UBF7E6hgmKOXdjKsgAvZFaPTtte0mD60XdCmmecDMKruyykDcplAZiGPfWtSsag6myGuOuq89EVDV9wPvKeGBM7U99EFVVVV33VFFB8Z2TJ8azYMlZj7Ur3QDR(…...

编程日记 2025/1/15 2:02:12

JVM 触发类加载的条件有哪些？

目录 一、类加载生命周期 二、主动引用 2.1、创建类的实例 2.2、访问类的静态字段或静态方法 2.3、反射 2.4、初始化类的子类时，先初始化父类 2.5、虚拟机启动时，初始化 main 方法所在的类 2.6、动态语言支持 三、被动引用 3.1、通过子类引用父…...

编程日记 2025/1/15 2:01:12

Android实战经验篇-增加系统分区

系列文章转如下链接： Android Display Graphics系列文章-汇总 Android实战经验篇-系列文章汇总 本文主要包括部分： 一、Android分区说明 1.1 系统分区查看 1.2 分区表修改 1.3 验证新分区 二、源码修改 2.1 generate_extra_images 2.2 fstab 2…...

编程日记 2025/1/15 2:00:11

深入学习 Python 量化编程

深入学习 Python 量化编程 第一章：Python 基础与量化编程环境搭建 1.1 安装必要的库 首先，你需要安装一些在量化编程中常用的 Python 库。可以通过以下命令安装这些库： pip install numpy pandas matplotlib yfinance backtrader scikit-…...

编程日记 2025/1/15 1:59:05

机器学习笔记——特征工程

大家好，这里是好评笔记，公主号：Goodnote，专栏文章私信限时Free。本笔记介绍机器学习中常见的特征工程方法、正则化方法和简要介绍强化学习。 文章目录 特征工程（Fzeature Engineering）1. 特征提取&#xff…...

编程日记 2025/1/15 1:56:01

4种革新性AI Agent工作流设计模式全解析

文章目录 导读：AI Agent的四种关键设计模式如下：1. 反思2. 工具使用3. 规划4. 多Agent协作 总结内容简介： 导读： AI Agent是指能够在特定环境中自主执行任务的人工智能系统，不仅接收任务，还自主制定和执行…...

编程日记 2025/1/15 1:55:00

【入门级】计算机网络学习

网络安全：前端开发者必知：Web安全威胁——XSS与CSRF攻击及其防范-CSDN博客 三次握手四次挥手：前端网络—三次握手四次挥手_前端三次握手-CSDN博客 http协议和https协议的区别：前端网络—http协议和https协议的区别-CSDN博客 网…...

编程日记 2025/1/15 1:53:58

安装 Jenkins 后无法访问用户名或密码且忘记这些凭证怎么办？

Jenkins 是一款功能强大的自动化服务器，在持续集成与交付（CI/CD）领域应用广泛。不过，用户在使用过程中，尤其是首次接触该系统或系统重启后，常常会遇到登录方面的问题。要是 Jenkins 突然要求输入用户名和密…...

编程日记 2025/1/15 1:52:57

day08_Kafka

文章目录 day08_Kafka课程笔记一、今日课程内容一、消息队列（了解）**为什么消息队列就像是“数据的快递员”？****实际意义**1、产生背景2、消息队列介绍2.1 常见的消息队列产品2.2 应用场景2.3 消息队列中两种消息模型 二、Kafka的基本介绍1、…...

编程日记 2025/1/15 1:49:53

C++_核心编程_多态案例二-制作饮品

#include <iostream> #include <string> using namespace std;/*制作饮品的大致流程为&#xff1a;煮水 - 冲泡 - 倒入杯中 - 加入辅料 利用多态技术实现本案例&#xff0c;提供抽象制作饮品基类&#xff0c;提供子类制作咖啡和茶叶*//*基类*/ class AbstractDr…...

编程新知 2026/2/8 20:42:55

TDengine 快速体验（Docker 镜像方式）

简介 TDengine 可以通过安装包、Docker 镜像 及云服务快速体验 TDengine 的功能&#xff0c;本节首先介绍如何通过 Docker 快速体验 TDengine&#xff0c;然后介绍如何在 Docker 环境下体验 TDengine 的写入和查询功能。如果你不熟悉 Docker&#xff0c;请使用 安装包的方式快…...

编程新知 2026/2/8 20:41:53

练习（含atoi的模拟实现,自定义类型等练习）

一、结构体大小的计算及位段 &#xff08;结构体大小计算及位段 详解请看&#xff1a;自定义类型&#xff1a;结构体进阶-CSDN博客&#xff09; 1.在32位系统环境&#xff0c;编译选项为4字节对齐&#xff0c;那么sizeof(A)和sizeof(B)是多少&#xff1f; #pragma pack(4)st…...

编程新知 2026/1/30 15:16:30

23-Oracle 23 ai 区块链表（Blockchain Table）

小伙伴有没有在金融强合规的领域中遇见&#xff0c;必须要保持数据不可变&#xff0c;管理员都无法修改和留痕的要求。比如医疗的电子病历中&#xff0c;影像检查检验结果不可篡改行的&#xff0c;药品追溯过程中数据只可插入无法删除的特性需求&#xff1b;登录日志、修改日志…...

编程新知 2026/1/27 3:40:30

8k长序列建模，蛋白质语言模型Prot42仅利用目标蛋白序列即可生成高亲和力结合剂

蛋白质结合剂&#xff08;如抗体、抑制肽&#xff09;在疾病诊断、成像分析及靶向药物递送等关键场景中发挥着不可替代的作用。传统上&#xff0c;高特异性蛋白质结合剂的开发高度依赖噬菌体展示、定向进化等实验技术&#xff0c;但这类方法普遍面临资源消耗巨大、研发周期冗长…...

编程新知 2026/1/25 13:18:12

智能在线客服平台：数字化时代企业连接用户的 AI 中枢

随着互联网技术的飞速发展&#xff0c;消费者期望能够随时随地与企业进行交流。在线客服平台作为连接企业与客户的重要桥梁&#xff0c;不仅优化了客户体验&#xff0c;还提升了企业的服务效率和市场竞争力。本文将探讨在线客服平台的重要性、技术进展、实际应用&#xff0c;并…...

编程新知 2026/2/4 17:51:19

2025 后端自学UNIAPP【项目实战：旅游项目】6、我的收藏页面

代码框架视图 1、先添加一个获取收藏景点的列表请求 【在文件my_api.js文件中添加】 // 引入公共的请求封装 import http from ./my_http.js// 登录接口&#xff08;适配服务端返回 Token&#xff09; export const login async (code, avatar) > {const res await http…...

编程新知 2026/1/29 11:40:13

工业自动化时代的精准装配革新：迁移科技3D视觉系统如何重塑机器人定位装配

AI3D视觉的工业赋能者 迁移科技成立于2017年&#xff0c;作为行业领先的3D工业相机及视觉系统供应商&#xff0c;累计完成数亿元融资。其核心技术覆盖硬件设计、算法优化及软件集成&#xff0c;通过稳定、易用、高回报的AI3D视觉系统&#xff0c;为汽车、新能源、金属制造等行…...

编程新知 2025/11/25 4:59:47

【JavaSE】绘图与事件入门学习笔记

-Java绘图坐标体系 坐标体系-介绍 坐标原点位于左上角&#xff0c;以像素为单位。 在Java坐标系中,第一个是x坐标,表示当前位置为水平方向&#xff0c;距离坐标原点x个像素;第二个是y坐标&#xff0c;表示当前位置为垂直方向&#xff0c;距离坐标原点y个像素。 坐标体系-像素 …...

编程新知 2025/12/19 20:46:15

【HarmonyOS 5 开发速记】如何获取用户信息（头像/昵称/手机号）

1.获取 authorizationCode&#xff1a; 2.利用 authorizationCode 获取 accessToken&#xff1a;文档中心 3.获取手机&#xff1a;文档中心 4.获取昵称头像&#xff1a;文档中心 首先创建 request 若要获取手机号&#xff0c;scope必填 phone&#xff0c;permissions 必填 …...

编程新知 2025/9/17 2:39:21