css
.animate {
font-family: Source Han Sans CN;
font-size: 30rpx;
color: #000;
display: inline-block;
white-space: nowrap;
animation: 30s wordsLoop linear infinite normal;
}
@keyframes wordsLoop {
0% {
transform: translateX(100%);
-webkit-transform: translateX(100%);
}
100% {
transform: translateX(-720%);
-webkit-transform: translateX(-720%);
}
}
html
<view style="position:absolute;top: 950rpx;" class="box">
<view class="animate" style="display: flex;text-align: center;" >
<view class="lunduan" v-for="(p,index) in selist" :key="index">
<b style="color: #E9BD48;font-family: Source Han Sans CN;">恭喜{{p.phone}}获得</b><b
style="color: #FF5E4B;font-family: Source Han Sans CN;">{{p.reward_name}}</b>
</view>
</view>
</view>