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

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

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

  下面直接看组件的效果,代码我就不说了,有兴趣的能够直接下载源码研究:小程序

  1.我的认为比较完美的自定义Toast组件,效果以下:数组

 

  

 

  2.抽屉层组件,相似于日期选择的功能,效果以下:浏览器

 

  

 

  3.三级市联动组件,我的以为官方自带的可能好用一点,不过有兴趣的能够研究一下,效果以下:布局

 

  

 

  4.自定义日历,看起来仍是有点模样的,能够看一下:3d

  

  

 

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

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

  

 

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

相关文章
相关标签/搜索