上一篇记录了scss变量的使用方法，这一篇记录css变量的使用方法。

变量使用

创建css文件，比如common.css，在这里里定义变量，变量名称以--开头，把变量都放在:root下面。

:root {

--primary-color:#ff5500;

}

在App.vue里引入css文件，这个方法也适用于vue项目，不同项目类型引入css文件方式不同，这个按自己的项目类型来写就可以了。

@import "~@/common.css";

变量使用方法如下：

如scss稍微麻烦一点，需要戴上var()

color:var(--primary-color);

变量计算

font-size: calc(var(--title-font-size) + 20rpx);

# uni-app
Logo
AI Agent技术社区

Agent 垂直技术社区，欢迎活跃、内容共建。

更多推荐

AI Agent 面试题 625：如何评估和优化RAG系统的检索延迟？

检索排序优化 是 AI Agent 技术体系中的重要组成部分。简单来说，它涉及到 Agent 如何在 RAG与知识库 层面实现智能化的行为和决策。在实际应用中，检索排序优化 的核心目标是让 Agent 能够更加高效、准确地完成特定任务。这需要我们深入理解其底层原理和实现机制。从学术角度来看，检索排序优化 的研究可以追溯到人工智能的早期阶段。早在 1950 年代，Alan Turing 就提出了关于

avatar AI Agent技术社区

AI Agent 面试题 619：Embedding模型的选型和微调策略

向量数据库选型 是 AI Agent 技术体系中的重要组成部分。简单来说，它涉及到 Agent 如何在 RAG与知识库 层面实现智能化的行为和决策。在实际应用中，向量数据库选型 的核心目标是让 Agent 能够更加高效、准确地完成特定任务。这需要我们深入理解其底层原理和实现机制。从学术角度来看，向量数据库选型 的研究可以追溯到人工智能的早期阶段。早在 1950 年代，Alan Turing 就提出

avatar AI Agent技术社区

AI Agent 面试题 622：RAG系统中的文档版本管理和知识更新策略

文档分块策略 是 AI Agent 技术体系中的重要组成部分。简单来说，它涉及到 Agent 如何在 RAG与知识库 层面实现智能化的行为和决策。在实际应用中，文档分块策略 的核心目标是让 Agent 能够更加高效、准确地完成特定任务。这需要我们深入理解其底层原理和实现机制。从学术角度来看，文档分块策略 的研究可以追溯到人工智能的早期阶段。早在 1950 年代，Alan Turing 就提出了关于

avatar AI Agent技术社区