wecui
Version:
一款基于Vue2.x版本的移动端web组件
1 lines • 1.7 kB
CSS
@charset "UTF-8";.wec-actionsheet,.wec-modal{position:fixed;bottom:0;left:0}@-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-actionsheet{z-index:93;width:100%;background-color:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.wec-actionsheet__content--item{text-align:center;height:46px;line-height:46px;border-bottom:1px solid #c8c8cd;font-size:18px;color:#333}.wec-actionsheet__content--item.item-last{border-bottom:0}.wec-actionsheet__content--divider{height:5px;background-color:#f5f7fa}.wec-modal{top:0;right:0;background-color:rgba(0,0,0,.5);z-index:91}