uniapp如何修改@keyframes的属性值

要修改@keyframes的属性值，可以使用JavaScript来操作CSS样式。具体的操作步骤如下：

1.定义一个@keyframes动画：

@keyframes my-animation {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100px);
  }
}

2.在组件中获取@keyframes动画的样式对象：

export default {
  mounted() {
    const style = document.styleSheets[0];
    const rule = style.rules[0];
    const keyframes = rule.cssRules[0];
    this.keyframes = keyframes;
  },
};

3.在需要修改@keyframes属性值的时候，修改属性值即可：

export default {
  methods: {
    changeAnimation() {
      this.keyframes.cssRules[0].style.transform = 'translateX(200px)';
    },
  },
};

通过这种方式，我们可以动态地修改@keyframes的属性值，并实现动画效果的变化。需要注意的是，在修改属性值之前，需要先获取到@keyframes的样式对象，并判断是否存在。此外，修改属性值时，也需要符合CSS语法规范，否则可能会导致动画无法正常运行。