微信小程序直播消息滑动

Posted 2023-05-01

微信小程序直播消息滑动，1.打开微信，点击发现，找到小程序点击，进入小程序以后，在搜索框内输入手持弹幕。

2.进入小程序之后可以看到字幕的样式，选择中间滚动的字幕样式

3.对边点击一处找到输入框，在输入框内输入你想显示的内容，点击右边的选项可以调节字幕内容的大小、颜色以及滚动速度等，然后保存到手机中就可以了。 参考技术A 在微信小程序中，可以通过滑动的方式来查看直播消息。可以使用swiper组件，在视图中添加滑动效果，从而实现浏览和查看直播消息的需求。 参考技术B 微信小程序直播消息滑动。在微信小程序里直播消息。自由滚动可以点开一个 直接播放就可以。喜欢哪个可以点哪个直接播放就不存在滑动。 参考技术C 微信小程序支持实时直播和滑动消息，可以通过小程序平台开发工具中“页面”面板，添加滑动消息组件实现消息滑动交互。 参考技术D 都知道直播组件live-player是不支持view这些普通元素的，所以弹幕内容都需要放在cover-view中，下面弹幕列表，自动滚动到底部的代码

<cover-view class="message-items" id="message-items" scroll-top="scrollToppx">
<cover-view class="message-item" wx:for="msgList">
<cover-view class="message-item-line">
<cover-view class="message-nick">item.nick</cover-view>
<cover-view class="message-info">item.message</cover-view>
</cover-view>
</cover-view>
</cover-view>

scrollTop 这个参数就是js中data里设置的一个参数，下面是js代码

/**
* 弹幕滚动到底部
*/
messageScroll:function()
var _this = this;
wx.createSelectorQuery().select('.message-item').boundingClientRect(function (rect)
//这里的逻辑就是，把每条弹幕的高度x弹幕的条数，再加上每条弹幕直接的距离，margin值，这个10根据自己的样式调整
var toTop = (_this.data.msgList.length*rect.height+(rect.height*10));
_this.setData(scrollTop:toTop);
).exec();

下面就是效果图：



微信小程序如何下拉刷新上拉无限推送。

请问用哪些语句？基本的算法是怎样的？谢谢各位大佬。

参考技术A 1.下拉刷新,在滑动到顶部时,bindscrolltoupper被调用,根据自己的业务逻辑请求即可.我的demo只是随机换了个关键字.

2.上拉加载,在滑动到底部时,bindscrolltolower被调用,我这里是页数加一,根据自己的业务逻辑修改,然后将获取到的集合添加到scroll-view的数据集合里即可. 参考技术B 不涉及到算法的，
下拉刷新你可以在响应界面的生命周期函数内 调用 onload
上拉加载 在对应生命周期函授里 向服务器请求数据 并push到现有的数据里 参考技术C 上拉加载 在对应生命周期函授里 向服务器请求数据 并push到现有的数据里 参考技术D 怀孕前三个最不稳定了，胚胎正在着床。你既然在保胎了，那更要保持心情愉悦有助于你保胎。你心情烦躁不安对胎儿有很大的影响的。好好跟他谈一谈，能过就过，不能过就离呗。三条腿的蛤蟆不好找，两条腿的男人都的是 第5个回答  2019-01-13 拉拉拉就好了