小程序开发-视图容器入门

网友投稿 561 2022-11-16

小程序开发-视图容器入门

小程序开发-视图容器入门

1. view

基本上用来包裹其他组件

flex-direction: row 1 2 3 flex-direction: column 1 2 3

2. scroll-view

注意:使用竖向滚动时,需要给一个固定高度,通过 WXSS 设置 height。

index.jsvar order = ['red', 'yellow', 'blue', 'green', 'red']Page({ data: { toView: 'red', scrollTop: 100 }, upper: function(e) { console.log(e) }, lower: function(e) { console.log(e) }, scroll: function(e) { console.log(e) }, tap: function(e) { for (var i = 0; i < order.length; ++i) { if (order[i] === this.data.toView) { this.setData({ toView: order[i + 1] }) break } } }, tapMove: function(e) { this.setData({ scrollTop: this.data.scrollTop + 10 }) }})

3. swiper 图片轮播组件

基本属性

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:组件分享之后端组件——支持多家云存储驱动的公有云文件系统Cloudreve
下一篇:知识分享之Golang——golang中快速获取变量类型
相关文章

 发表评论

暂时没有评论,来抢沙发吧~