uniapp跑马灯

公告栏 : {{text}} {{text}} {{text}} .noticebox { width: 100%; height: 71rpx; line-height: 71rpx; background: rgba(255, 255, 255, 0.2); border-radius: 0rpx 0rpx 30rpx 30rpx; }

@keyframes kf-marque-animation{ 0% { transform: translateX(0); } 100% { transform: translateX(-33.3%); } }
.marquee{
width: 100%;
height: 44px;
line-height: 44px;
background: transparent;
border: none;
display: block;
margin: 0 auto;
overflow: hidden;
white-space: nowrap;
text-overflow: clip;
position: relative;
font-size: 28rpx;
}
.marquee .content{
display: inline-block;
position: relative;
padding-right: 0px;
animation: kf-marque-animation 20s linear infinite;
white-space: nowrap;
}