<view class="example noticebar">
<span class="noticebar-text">这是需要滚动的文本内容,可以根据实际需求自定义</span>
</view>
.noticebar {
overflow: hidden;
white-space: nowrap;
}
.noticebar-text {
display: inline-block;
padding-left: 100%;
animation: noticebar-slide 24s linear infinite;
}
@keyframes noticebar-slide {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
/* noticebar end */