Css 如何使用aos.js修复不透明度0并在移动设备上进行转换？

我使用AOS.js在NUXT中滚动设置动画。AOS在mobile上初始化了动画，但在v-中的一些块用于加载0不透明度和转换。此块具有自定义css悬停和过渡

我尝试为aos使用包装器，只为他设置动画，但它不起作用。 不知道为什么，但只有此块在移动设备上获得数据aos=“渐弱”

<div class="card-wrapper">
      <div
        v-for="(card, index) in cards"
        :key="index"
        class="card"
        :style="card.style"
        data-aos="fade-down"
        :data-aos-delay="index * 100"
        data-aos-once="true"
        data-aos-offset="-200"
      >
        <div class="card-img-wrapper">
          <img :src="card.img" :alt="card.name" class="card-img" />
        </div>
        <h4 class="text-center text-white card-name">{{ card.name }} .    </h4>
      </div>
    </div>

---

我不想要移动设备上的不透明度和变换

您不想要哪个元素的不透明度和变换？您需要使用媒体查询来查询。。。然后列出所有元素并设置不透明度：1 transform:none。这并不能解决aos JS的问题。事实上，你能用同样的方法吗！重要吗？不，因为他们应该在气垫上转换是的，但不是在移动上。。。？这是正确的？

<div class="card-wrapper">
      <div
        v-for="(card, index) in cards"
        :key="index"
        class="card"
        :style="card.style"
        data-aos="fade-down"
        :data-aos-delay="index * 100"
        data-aos-once="true"
        data-aos-offset="-200"
      >
        <div class="card-img-wrapper">
          <img :src="card.img" :alt="card.name" class="card-img" />
        </div>
        <h4 class="text-center text-white card-name">{{ card.name }} .    </h4>
      </div>
    </div>