dvant/lib/dvant-css/toast.css

A Vue.js 2.0 Mobile UI at dawnwin modified from Youzan

.van-toast{position:fixed;top:50%;left:50%;display:-webkit-box;display:-webkit-flex;display:flex;color:#fff;z-index:3001;font-size:12px;line-height:1.2;border-radius:5px;word-break:break-all;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;box-sizing:border-box;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background-color:rgba(0,0,0,.7)}.van-toast__overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3000;background-color:transparent}.van-toast__overlay--mask{background-color:rgba(0,0,0,.5)}.van-toast--text{padding:12px;min-width:220px}.van-toast--default{width:120px;min-height:120px;padding:15px}.van-toast--default .van-toast__icon{font-size:50px}.van-toast--default .van-loading{margin:10px 0 5px}.van-toast--default .van-toast__text{font-size:14px;padding-top:10px}.van-toast--top{top:50px}.van-toast--bottom{top:auto;bottom:50px}