一开始使用了uniApp里面的组件uni-notice-bar,太难用了,速度不知道为什么贼快,添加了speed属性之后还是特别快,于是决定自己写一个。
直接上代码!!!
<view class="scrolling">
<text>{{text1}}</text>
</view>
.scrolling {
overflow: hidden;
white-space: nowrap;
width: 80%;
text{
display: inline-block;
padding-left: 100%;
animation: marquee 15s linear infinite; /* 调整动画时长和效果 */
}
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
}