vue.js - 在电脑上屏蔽节目，但在我的手机上不显示。可能是什么问题？

Question

这是我的 nuxt 应用程序中的一个按钮

          <v-btn
            class="btn"
            v-if="true"
            icon
            x-large
            v-ripple="false"
            :color="!drawer ? 'info' : 'warning'"
            @click.stop='drawer = !drawer'>
            <v-icon>{{ drawer ? 'far fa-compass' : 'fas fa-compass'}}</v-icon>
          </v-btn>

  .btn{
    position: absolute;
    top: 11%;
    display: block;
    right: -20%;
    animation: pulse 3s linear reverse infinite;
    animation-delay: 3s;
  }

  @keyframes pulse {
    from {
      transform: scale3d(1, 1, 1);
    }

    50% {
      transform: scale3d(1.15, 1.15, 1.15);
    }

    to {
      transform: scale3d(1, 1, 1);
    }
  }

这是一个我使用它的网站http://sellbuyschool42.herokuapp.com/。如果您在计算机浏览器中打开此页面，它可以正常工作并且可见。即使您将屏幕大小调整为移动视口。但是如果你在移动设备上打开这个链接，这个按钮就会消失。我不知道有什么问题。先感谢您

标签： vue.jsbuttonnuxt.js