<view  class="text-box">

    <text class="text">欢迎使用应援棒  欢迎使用应援棒 </text>

</view>

关键代码就这，外面容器旋转了下

.text-box{

transform:translateX(750rpx) rotate(90deg) ;

width: 100vh;

line-height: 750rpx;

transform-origin:0% 0%;

}

.text {

white-space:nowrap;

display:inline-block;

animation:anim 6s linear infinite;

}

@keyframes anim {

0% {transform:translateX(0) }

100% {transform:translateX(-50%)}

}

在IOS环境下滚动字老是断开