wecui/lib/wecui-css/toast.css

一款基于Vue2.x版本的移动端web组件

@charset "UTF-8";@-webkit-keyframes bounce-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes rotating{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.bottomtop-enter-to,.bottomtop-leave{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.bottomtop-enter,.bottomtop-leave-to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.wec-toast{position:fixed;max-width:80%;left:50%;padding:20px;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:4px;background-color:rgba(0,0,0,.5)}.wec-toast.is-top{top:120px}.wec-toast.is-middle{top:50%}.wec-toast.is-bottom{bottom:20px}.wec-toast__message{display:block;color:#fff}.wec-toast .icon{font-size:60px;padding-top:20px}