微信小程序各種型的自定義組件篇

      因爲本人最近在開發小程序項目，期間對小程序有花點時間去研究，同時也找了網上大牛的一些案例，在這裏分享部分自定義組件，部分代碼是copy大牛案例的，有對小程序有興趣的夥伴拿走，不謝！

　　源碼下載地址：https://github.com/Jacky-MYD/WeChat-assembly

　　下面直接看組件的效果，代碼我就不說了，有興趣的能夠直接下載源碼研究：

　　1.我的認爲比較完美的自定義Toast組件，效果以下：

 

　　

 

　　2.抽屜層組件，相似於日期選擇的功能，效果以下：

 

　　

 

　　3.三級市聯動組件，我的以爲官方自帶的可能好用一點，不過有興趣的能夠研究一下，效果以下：

 

　　

 

　　4.自定義日曆，看起來仍是有點模樣的，能夠看一下：

　　

　　

 

　　5.最好玩的就是這個了，最近也比較熱的東西，瀑布流佈局，挺好玩的，主要要懂得佈局的原理，原理：

• 瀑布流佈局要求要進行佈置的元素等寬，而後計算元素的寬度與瀏覽器寬度之比，獲得須要佈置的列數。
• 建立一個數組，長度爲列數，裏面的值爲已佈置元素的總高度（最開始爲0）
• 而後將未佈置的元素依次佈置到高度最小的那一列，就獲得了瀑布流佈局。
• 效果以下：

　　

 

　　以上就是最近搞的小東西，挺好玩的，本人開車比較穩，不喜勿噴，謝謝！