评论

小程序瀑布流组件实例

小程序瀑布流组件实例

微信小程序瀑布流组件

实现效果图

源代码链接:https://git.weixin.qq.com/xieyefeng888/waterfall

用法

下载组件源码到项目目录下
微信开发者工具导入项目即可查看效果

主要使用到的API有 this.getRelationNodes() ,案例结合文档更容易理解




注意:必须在两个组件定义中都加入relations定义,否则不会生效。

知识扩展

this.selectComponent()可以获取到子组件的里面的数据和方法,还可以获取到properties里面的值





最后一次编辑于  2020-11-25  
点赞 2
收藏
评论

7 个评论

  • 杀手小熊🐻
    杀手小熊🐻
    2023-06-19

    上下的间距调不了?


    2023-06-19
    赞同
    回复
  • 羅瑞
    羅瑞
    2022-03-07

    如何上传图片啊?

    2022-03-07
    赞同
    回复
  • W.
    W.
    2021-10-26

    你好,请问你这个我为什么引到自己的项目中为什么总是提示未找到问价夹啊


    2021-10-26
    赞同
    回复
  • Mr Yang
    Mr Yang
    2021-09-13

    素质三连

    2021-09-13
    赞同
    回复
  • 党伟
    党伟
    2021-04-25

    楼主感谢分享,我有个问题想请教,我使用了上面的插件在我的项目中,碰到个问题:

    页面中有筛选的需求,这样就导致传递给子组件的数组长度会有长短的区别,但是瀑布流组件的高度我不会监听设置 ,能指导一下吗


    2021-04-25
    赞同
    回复
  • 拓荒
    拓荒
    2020-12-03

    如果有图片是不是需要图片加载完才能知道应该放左边还是右边

    2020-12-03
    赞同
    回复 4
    • 勇往直前
      勇往直前
      2020-12-03
      如果图片的显示高度是固定的就不用等待图片加载完
      2020-12-03
      回复
    • 黎
      2020-12-16回复勇往直前
      如果是网络图片且缩放模式为宽固定高自适应怎么操作
      2020-12-16
      回复
    • 勇往直前
      勇往直前
      2020-12-24回复
      上传图片的时候宽为基准,根据图片宽高比率计算自适应高。
      2020-12-24
      回复
    • Monday
      Monday
      2022-11-10
      手机上自测 download列表图片所需要的事件也很长,有什么办法优化嘛
      2022-11-10
      回复
  • 四哥派
    四哥派
    2020-11-24

    感谢楼主无私奉献

    2020-11-24
    赞同
    回复 1
    • 勇往直前
      勇往直前
      2020-11-25
      哈哈
      2020-11-25
      回复
登录 后发表内容