cube-ui
Version:
A fantastic mobile ui lib implement by Vue
1 lines • 760 B
CSS
.cube-swipe{overflow:hidden}.cube-swipe-enter-active,.cube-swipe-enter-active .cube-swipe-item-inner,.cube-swipe-leave-active,.cube-swipe-leave-active .cube-swipe-item-inner{-webkit-transition:all .3s;transition:all .3s}.cube-swipe-enter .cube-swipe-item-inner,.cube-swipe-leave-to .cube-swipe-item-inner{height:0}.cube-swipe-item{position:relative}.cube-swipe-item-inner{height:60px;line-height:60px;font-size:16px;padding-left:20px}.cube-swipe-btn{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:absolute;top:0;left:100%;height:100%;text-align:left;font-size:16px}.cube-swipe-btn .text{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:0 20px;white-space:nowrap;color:#fff}