nutui-taro-upgrade
Version:
@nutui/nutui-taro 对京东风格组件库的taro4 版本支持
1 lines • 3.19 kB
CSS
.nut-theme-dark .nut-noticebar__page{background:var(--nut-dark-background2, #1b1b1b);color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-noticebar__vertical .nut-noticebar__vertical-item{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-noticebar__page{display:flex;padding:var(--nut-noticebar-box-padding, 0 16px);height:var(--nut-noticebar-across-height, 40px);font-size:var(--nut-noticebar-font-size, 14px);position:relative;align-items:center;background:var(--nut-noticebar-background, rgb(251, 248, 220));color:var(--nut-noticebar-color, #d9500b)}.nut-noticebar__page--wrapable{height:auto;padding:var(--nut-noticebar-wrapable-padding, 16px)}.nut-noticebar__page--wrapable .nut-noticebar__page-wrap{height:auto }.nut-noticebar__page--wrapable .nut-noticebar__page-wrap .nut-noticebar__page-wrap-content{position:relative;white-space:normal;word-wrap:break-word}.nut-noticebar__page .nut-noticebar__page--withicon{position:relative;padding-right:40px}.nut-noticebar__page .nut-noticebar__page-lefticon{display:flex;align-items:center;margin:var(--nut-noticebar-lefticon-margin, 0px 10px);background-size:100% 100%}.nut-noticebar__page .nut-noticebar__page-righticon{display:flex;align-items:center;justify-content:center;margin:var(--nut-noticebar-righticon-margin, 0px 10px)}.nut-noticebar__page .nut-noticebar__page-wrap{display:flex;flex:1;height:var(--nut-noticebar-across-line-height, 24px);line-height:var(--nut-noticebar-across-line-height, 24px);overflow:hidden;position:relative}.nut-noticebar__page .nut-noticebar__page-wrap-content{position:absolute;white-space:nowrap}.nut-noticebar__page .nut-noticebar__page-wrap-content.nut-ellipsis{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nut-noticebar__page .play{animation:nut-notice-bar-play linear both running}.nut-noticebar__page .play-infinite{animation:nut-notice-bar-play-infinite linear infinite both running}.nut-noticebar__page .play-vertical{animation:nut-notice-bar-play-vertical linear infinite both running}@keyframes nut-notice-bar-play{to{transform:translate3d(-100%, 0, 0)}}@keyframes nut-notice-bar-play-infinite{to{transform:translateX(-100%)}}@keyframes nut-notice-bar-play-vertical{to{transform:translateY(var(--nut-noticebar-across-height, 40px))}}.nut-noticebar__vertical{position:relative;display:flex;justify-content:space-between;height:var(--nut-noticebar-across-height, 40px);font-size:var(--nut-noticebar-font-size, 14px);overflow:hidden;padding:var(--nut-noticebar-box-padding, 0 16px);background:var(--nut-noticebar-background, rgb(251, 248, 220));color:var(--nut-noticebar-color, #d9500b)}.nut-noticebar__vertical .nut-noticebar__vertical-list{width:100%;margin:0;padding:0;display:block;flex:1;overflow:hidden}.nut-noticebar__vertical .nut-noticebar__vertical-list .nut-noticebar__vertical-item{height:var(--nut-noticebar-across-height, 40px);width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nut-noticebar__vertical .nut-noticebar-custom-item{position:absolute;top:999999px}.nut-noticebar__vertical .go{margin:var(--nut-noticebar-righticon-margin, 0px 10px);align-self:center;display:flex}