微信小程序跑马灯制作
.wxml文件 < view class = "example" > < view class = "marquee_box" > < view class = "marquee_text" style = "{{orientation}}:{{marqueeDistance2}}px;font-size: {{size}}px;" > < text > { { text } } < / text > < text wx : if = "{{marquee2copy_status}}" style = "margin-left:{{marquee2_margin}}px;" > { { text } } < / text > < / view > < / view > < / view > .wxss样式 /* 跑马灯 */ . example { display : block ; width : 100 % ; height : 100 rpx ; } . marquee_box { width : 100 % ; position : relative ; } . marquee_text { white - space : nowrap ; position : fixed ; top : 10 % ; color : #fff ; } 关键Js文件 text :