zoukankan      html  css  js  c++  java
  • 微信小程序各类型的自定义组件篇

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

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

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

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

      

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

      

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

      

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

      

      

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

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

      

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

  • 相关阅读:
    C语言进阶—— 单引号和双引号14
    C语言进阶——注释符号12
    C语言进阶——enum, sizeof, typedef 分析11
    算法01
    vim+软件安装——06
    if(xx)和(a==b) 关于数据类型的转换
    浏览器的渲染机制,白屏和FOUC
    BFC的概念和解决外边距合并
    CSS有哪几种引入方式
    块级元素和行内元素的区别,常见的块级元素和行内元素有哪些
  • 原文地址:https://www.cnblogs.com/Jacky-MYD/p/7452326.html
Copyright © 2011-2022 走看看