@nutui/nutui-react-taro/dist/esm/Barrage/style/style.css

京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序

.nut-barrage{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;box-sizing:border-box;background-color:var(--nutui-gray-3, #f6f6f6);color:var(--nutui-gray-7, #1a1a1a)}.nut-barrage .barrage-item{display:block;position:absolute;right:0;padding:4px 16px;border-radius:16px;font-size:var(--nutui-font-size-2, 12px);text-align:center;white-space:pre;transform:translate(100%);background:linear-gradient(to right,var(--nutui-black-3),var(--nutui-black-1));box-sizing:border-box}.nut-barrage .barrage-item.move{will-change:transform;animation-name:moving;animation-timing-function:linear;animation-play-state:running}@keyframes moving{0%{transform:translate(100%)}to{transform:translate(var(--move-distance))}}@-webkit-keyframes moving{0%{-webkit-transform:translateX(100%)}to{-webkit-transform:translateX(var(--move-distance))}}[dir=rtl] .nut-barrage,.nut-rtl .nut-barrage{left:auto;right:0}[dir=rtl] .nut-barrage .barrage-item,.nut-rtl .nut-barrage .barrage-item{transform:translate(-100%);background:linear-gradient(to left,var(--nutui-black-3),var(--nutui-black-1))}[dir=rtl] .nut-barrage .barrage-item.move,.nut-rtl .nut-barrage .barrage-item.move{animation-name:moving-rtl}@keyframes moving-rtl{0%{transform:translate(var(--move-distance))}to{transform:translate(100%)}}@-webkit-keyframes moving-rtl{0%{transform:translate(var(--move-distance))}to{transform:translate(100%)}}