小程序的横向滑动
短信预约 -IT技能 免费直播动态提醒
小程序横向滑动可以通过使用小程序的scroll-view组件来实现,具体步骤如下:
- 在wxml文件中添加scroll-view组件,并设置属性horizontal为true,同时设置宽度和高度;
- 在样式文件中设置scroll-view组件的样式,例如设置内部元素的宽度为固定值,并强制换行;
.scroll-view { white-space: nowrap; display: inline-flex;}.scroll-view > .scroll-item { width: 200rpx; margin-right: 10rpx;}
- 在js文件中动态设置scroll-view组件内部元素的数据,例如使用wx:for循环遍历数组,并将数组元素渲染为scroll-view组件的子元素。
{{item}}
这样就可以实现一个可以横向滑动的小程序页面了。
来源地址:https://blog.csdn.net/weixin_53964193/article/details/131960840
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341