uniapp APP.vue文件动态修改css变量

可以通过以下步骤在uniapp的APP.vue文件中动态修改CSS变量：

1. 在APP.vue文件中的<style>标签中定义需要修改的CSS变量，例如：

<style>
  :root{
    --primary-color: #007bff;
  }
</style>

2. 在APP.vue文件的<script>标签中，定义一个方法来修改CSS变量，例如：

<script>
  export default {
    methods: {
      changeColor() {
        document.documentElement.style.setProperty('--primary-color', 'red');
      }
    }
  }
</script>

3. 在需要的时候，调用该方法来修改CSS变量即可，例如：

<template>
  <div>
    <button @click="changeColor()">Change Color</button>
  </div>
</template>

这样，当用户点击按钮时，CSS变量--primary-color将被修改为红色。注意，这种方式只能在APP.vue文件中修改全局的CSS变量，如果需要在其他组件中修改局部的CSS变量，可以使用scoped CSS或CSS modules。