美文网首页
jquery weui中的toast方法与Vue使用的兼容问题

jquery weui中的toast方法与Vue使用的兼容问题

作者: imxiaochao | 来源:发表于2018-09-27 10:56 被阅读0次

在vue中使用$.toast()方法,会导致toast窗口首先出现在右下角,之后才会移动至中心。
解决方式为:将jquery-weui.css文件中的

.weui-toast{
    -webkit-transform: translate(-50%, -50%) ;
          transform: translate(-50%, -50%) ;
}
.weui-toast.weui-toast--visible{
      -webkit-transform: translate(-50%, -50%) ;
          transform: translate(-50%, -50%) ;
}

将上述样式中的scale属性删除

相关文章

网友评论

      本文标题:jquery weui中的toast方法与Vue使用的兼容问题

      本文链接:https://www.haomeiwen.com/subject/veuloftx.html