uniapp新增css变量

Uniapp 支持在样式中使用 CSS 变量，可以通过设置全局变量、局部变量来实现。具体步骤如下：

1. 在 App.vue 文件中，设置全局变量

<style>
  :root {
    --primary-color: #007aff;
    --secondary-color: #ff3b30;
  }
</style>

2. 在需要使用变量的组件的样式中，使用 var() 函数引用变量

<style>
  .button {
    background-color: var(--primary-color);
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
  }
</style>

3. 局部变量的设置与全局变量类似，只需要在需要使用的组件的样式中设置即可。

<style>
  .card {
    --background-color: #f5f5f5;
    background-color: var(--background-color);
    padding: 20px;
    border-radius: 5px;
  }
</style>

这样就可以通过 CSS 变量来管理样式，方便快捷地修改和维护应用程序的样式。