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

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

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

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

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

      

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

      

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

      

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

      

      

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

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

      

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

  • 相关阅读:
    整理一些将窗口显示在前台办法
    工具
    [Windows Api 学习] Error Handling Functions
    Windows实用快捷键
    程序化交易资料汇总
    compile libpng
    zlib 1.2.8 编译笔记
    Cryptopp Usage Note
    linux环境中Java服务通过shell脚本重启(升级)自己
    搭建自己的maven库---nexus
  • 原文地址:https://www.cnblogs.com/Jacky-MYD/p/7452326.html
Copyright © 2011-2022 走看看