微信小程序各类型的自定义组件篇

      由于本人最近在开发小程序项目,期间对小程序有花点时间去研究,同时也找了网上大牛的一些案例,在这里分享部分自定义组件,部分代码是copy大牛案例的,有对小程序有兴趣的伙伴拿走,不谢!

  源码下载地址:https://github.com/Jacky-MYD/WeChat-assembly

  下面直接看组件的效果,代码我就不说了,有兴趣的可以直接下载源码研究:

  1.个人认为比较完美的自定义Toast组件,效果如下:

  

  2.抽屉层组件,类似于日期选择的功能,效果如下:

  

  3.三级市联动组件,个人觉得官方自带的可能好用一点,不过有兴趣的可以研究一下,效果如下:

  

  4.自定义日历,看起来还是有点模样的,可以看一下:

  

  

  5.最好玩的就是这个了,最近也比较热的东西,瀑布流布局,挺好玩的,主要要懂得布局的原理,原理:

  • 瀑布流布局要求要进行布置的元素等宽,然后计算元素的宽度与浏览器宽度之比,得到需要布置的列数。
  • 创建一个数组,长度为列数,里面的值为已布置元素的总高度(最开始为0)
  • 然后将未布置的元素依次布置到高度最小的那一列,就得到了瀑布流布局。
  • 效果如下:

  

  以上就是最近搞的小东西,挺好玩的,本人开车比较稳,不喜勿喷,谢谢!

原文地址:https://www.cnblogs.com/Jacky-MYD/p/7452326.html