lulouis-vant/lib/notice-bar/index.css

Lightweight Mobile UI Components built on Vue

@-webkit-keyframes van-notice-bar-play{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes van-notice-bar-play{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes van-notice-bar-play-infinite{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes van-notice-bar-play-infinite{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.van-notice-bar{display:-webkit-box;display:-webkit-flex;display:flex;height:40px;padding:0 15px;font-size:14px;line-height:24px;position:relative;-webkit-box-align:center;-webkit-align-items:center;align-items:center;color:#ed6a0c;background-color:#fffbe8}.van-notice-bar--withicon{position:relative;padding-right:40px}.van-notice-bar__left-icon{font-size:16px;min-width:20px}.van-notice-bar__right-icon{top:50%;right:15px;font-size:16px;position:absolute;margin-top:-.5em}.van-notice-bar__wrap{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:24px;overflow:hidden;position:relative}.van-notice-bar__content{position:absolute;white-space:nowrap}.van-notice-bar__content.van-ellipsis{max-width:100%}.van-notice-bar__play{-webkit-animation:van-notice-bar-play linear both;animation:van-notice-bar-play linear both}.van-notice-bar__play--infinite{-webkit-animation:van-notice-bar-play-infinite linear infinite both;animation:van-notice-bar-play-infinite linear infinite both}