美文网首页
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