vant-fork/lib/vant-css/notice-bar.css

Lightweight Mobile UI Components built on Vue

.van-notice-bar{display:-webkit-box;display:-webkit-flex;display:flex;color:#ff976a;padding:9px 15px;font-size:12px;line-height:1.5;position:relative;background-color:#fff7cc}.van-notice-bar--withicon{position:relative;padding-right:30px}.van-notice-bar__left-icon{height:18px;min-width:20px;padding-top:1px;box-sizing:border-box}.van-notice-bar__left-icon img{width:16px;height:16px}.van-notice-bar__right-icon{top:10px;right:10px;position:absolute;font-size:15px;line-height:1}.van-notice-bar__wrap{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:18px;overflow:hidden;position:relative}.van-notice-bar__content{position:absolute;white-space:nowrap}.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}@-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)}}