微信小程序动态展示跑马灯效果

阅读量：

所谓跑马灯效果，通俗来讲即为一段文字在水平方向由右向左持续移动，当移动至屏幕左侧后，会从右侧重新开始循环滚动。这种效果在电商类小程序中较为常见。其实现原理相对简单，仅需借助定时器功能，通过小程序提供的 setInterval 接口即可完成。

一.效果图

二.代码

1.LAMP框架的WXML实现

复制代码

 <view class="box">

    
   <text style='left:{{distance}}px;font-size:{{size}}px'>{{text}}</text>
    
 </view>

2.lamp.wxss

复制代码

 .box{

    
   width: 100%;
    
   height: 75rpx;
    
   line

全部评论 (0)

还没有任何评论哟~