文章来源地址https://www.toymoban.com/news/detail-824149.html
.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%);
}
}
<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>
文章来源：https://www.toymoban.com/news/detail-824149.html
到了这里，关于uniapp 中奖信息横向循环滚动的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
