wecui/lib/wecui-css/indicator.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-indicator{position:fixed;max-width:80%;left:50%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top: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-indicator__img{color:green;display:inline-block;-webkit-animation:rotating 1.2s linear infinite;animation:rotating 1.2s linear infinite}.wec-indicator__img .icon{font-size:60px}.wec-indicator__text{display:block;padding-top:16px;color:#fff}