评论

抄这两个微信组件,真的有点难

抽空一周左右的时间仿了两个微信最常见的组件,一个索引列表组件、一个自定义tabbar组件,想到后期业务上这两个组件的几率还是蛮大的,并不容易,考虑的点也挺多的

最近调整公司小程序业务的核心日历组件,费了不少时间,不过也优化了一把xquery的核心代码,抽空一周左右的时间仿了两个微信最常见的组件,一个索引列表组件、一个自定义tabbar组件,想到后期业务上这两个组件的几率还是蛮大的,并不容易,考虑的点也挺多的 demo如下图所示

索引列表

主要由搜索模块,列表模块,弹窗模块,touchbar模块4个部分组装完成
难点:

  1. touchbar与列表滚动的位置号计算
  2. 列表需要支持灵活的内容插入,支持默认输入与异步更新
  3. 交互事件的逻辑关系
  4. 交互事件互相之间冒泡关系

tabbar

tabbar组件相对来说比较简单,由列表组件构建
难点:

  1. 各种红点的状态,1位数~4位数
  2. tabbar子项的样式,不论有多少个子项,红点位置不能够跑偏
  3. 可合并多个子项
  4. 合并子项可以独立定义自己的响应方法

完成组件多种场景使用、抽象API方法,使开发能够简单调用组件真的有点难。demo、源码、文档奉上,关注以下小程序

点赞 3
收藏
评论

3 个评论

  • 富杭荣
    富杭荣
    01-20

    为嘛,冷冷清清

    01-20
    赞同
    回复
  • 英忠通信
    英忠通信
    01-19

    加油点赞

    01-19
    赞同
    回复
  • 子不语
    子不语
    01-19

    大佬大佬

    --↓↓👍如果觉得有帮助的话请点个【赞】吧(唏嘘也有小尾巴了,可惜是假的)

    01-19
    赞同
    回复
登录 后发表内容