:active 只有长按动画才有效果为什么呢

1.使用:active来做动画,动画效果和美团底部导航栏一样的,点击的时候缩小,松开的时候就还原

2.但是出现了再ios就是正常的,但是再谷歌模拟器和安卓手机就出现了长摁才有缩放效果,点击的时候没有效果,求解

html 为了移动端生效我都添加了touchstart事件

<van-tabbar-item @click="switchTo()"  class="animation-class"  v-on:touchstart="btnTouchStart"\>

css

  

.animation-class {

transition: transform  0.1s  ease-out;

}

.animation-class:active {

transform: scale(0.5);

}
待解决 悬赏分:20 - 离问题结束还有 341天17小时17分58秒
反对 0举报 0 收藏 0

我来回答

回答0