微信小程序文字滚动怎么设置

微信小程序的文字滚动怎么设置？微信小程序如何设置文字滚动效果？下面的小系列会带你看看如何设置微信小程序的文本滚动。

页面结构

一个接一个显示

{{text}}

2白边出现后显示

{{text}}

{{text}}

页面样式表。示例{

display:块；

宽度：；

height: 100rpx

}。marquee_box {

宽度：；

相对位置：

}。字幕文本{

white-space : nowrap；

位置：

top : 0；

}

射流研究…

//pages/home/marquee/marquee . js

页面({

数据： {

text: '是滚动文字，滚来滚去，哈哈哈哈哈哈哈哈'，marqueepace: 1，//滚动速度

marqueedistance: 0，//初始滚动距离

marqueedistance2: 0，marquee2copy _ status: false，marquee2_margin: 60，尺寸： 14，方向： '左'，//滚动方向

interval: 20 //时间间隔

},

onshow:函数{

//页面显示

var vm=this

var length=vm . data . text . length * vm . data . size；//文本长度

var window width=wx . getsysteminfosync . window width；//屏幕宽度

vm.setdata({

长度：长度，windowwidth: windowwidth，marquee2_margin:长窗宽？window width-length : vm . data . marquee 2 _ margin//当文本长度小于屏幕长度时，需要添加填充

});

vm.run1//完成一横线文字后，按原方向滚动

vm.run2//第一个单词消失后立即从右边出现

},

run1:函数{

var vm=this

var interval=setinterval(函数{

if(-vm . data . marqueediinstance vm . data . length){

vm.setdata({

marqueedistance : vm . data . marqueedistance-vm . data . marqueepace，});

} else {

clearinterval(interval)；

vm.setdata({

marqueedistance : vm . data . window width

});

vm.run1

}

}，vm . data . interval)；

},

run2:函数{

var vm=this

var interval=setinterval(函数{

if(-vm . data . marqueedistance 2 vm . data . length){

//如果文本滚动到marquee2_margin=30px的白边，则接下来显示

vm.setdata({

marqueedistance 2: vm . data . marqueedistance 2-vm . data . marqueepace，marquee 2 copy _ status : vm . data . length vm . data . marqueedistance 2=vm . data . window width vm . data . marquee 2 _ margin，});

} else {

if(-vm . data . marqueedistance 2；=vm.data.marquee2_margin) {//当第二个文本滚动到比较左边时，vm.setdata({

marquee distance 2: vm . data . marquee 2 _ margin//直接再次滚动

});

clearinterval(interval)；

vm.run2

} else {

clearinterval(interval)；

vm.setdata({

marqueedistance 2:-vm . data . window width

});

vm.run2

}

}

}，vm . data . interval)；

}

})

以上是小编为大家编写的关于如何设置微信小程序文本滚动的内容。更多精彩内容，请关注源社网小节目频道。

下面是如何解除小程序在标题开头的关联。标题到此结束

之前，小编介绍了将小程序与微信账号关联的方法。关联小程序是为了更好的利用小程序。但是如果要更改关联的微信账号，需要先解除小程序的关联。以下步骤是如何解除小程序的关联。

方法/步骤

1.登录关联微信账号后台

2.[添加小程序功能插件]-[授*管理]

3.单击[查看平台详细信息]-单击[取消授*]

4.这样就可以取消关联小程序的微信账号授*了！

这是第一段的结尾。下面是如何通过在末尾添加段来解除小程序的关联。目前已经获得了818网友的青睐！正文到此结束